Gostaria de saber como ocultar e mostrar div utilizando href? Por exemplo, tenho um Titulo chamado "Filtro" ao clica no botão ao lado dele, quero que mostre os elementos que estão dentro dele e ao clicar novamente quero que oculte os elementos.
<div class="widget boxed">
<div class="widget-head">
<h4 class="pull-left">
<i class="icon-reorder"></i>Filtros
</h4>
<div id="filtro" class="widget-icons pull-right">
<a href="#" class="wminimize"><i class="fa-angle-double-down"></i> </a>
<!-- ocultrar nesse aqui-->
</div>
<div class="clearfix"></div>
</div>
<div class="widget-content" style="display: none;">
<!--pra esconder isso -->