Eu tenho uma div que quando eu clico nela ela mostra e esconde uma ul. Com o código assim:
<ul class="homeMenuItens">
<li>
<div pagina='/produtos/incendio' class="homeMenuPai">Incendio</div>
<ul id="incendio" class="homeMenuFilhos" style="display:none">
<li pagina='paginaSYS' onclick='window.location=\"/paginaSYS\"'>tituloMenuSYS</li>
</ul>
</li>
</ul>
O Jquery está assim:
$(".homeMenuPai").click(function() {
$(".homeMenuFilhos").css('display','none');
if($(this).parent().find(".homeMenuFilhos").css('display') == 'none'){
$(this).parent().find(".homeMenuFilhos").show();
}
else{
$(this).parent().find(".homeMenuFilhos").hide();
}
});
Está funcionando, assim que clico no Menu titulo, por exemplo, ele mostra os itens abaixo. O Problema é que se eu clicar na Div mais de uma vez, ele não esconde os itens. Ele só esconde quando eu clico nas outras divs.
A estrutura é assim div TITULO ul UL COM ITENS li LISTAGEM de ITENS
Tenho 4 divs iguais
Na imagem abaixo mostra os 4 Menus principais, se eu clicar no 2, o 1 fecha, mas se eu clicar no 1 de novo para fechar, ele não fecha.