Sou iniciante em Jquery e possuo a seguinte dúvida.
Possuo uma div
e uma ul
com várias li
.
A ul
está como display:none
, quero acionar display:block
quando eu clicar na div. Conforme abaixo:
<div class="divTitulo">Residencial</div>
<ul class="ulDisplayNone">
<li class="liDisplayNone">item1</li>
<li class="liDisplayNone">item1</li>
<li class="liDisplayNone">item1</li>
<li class="liDisplayNone">item1</li>
<li class="liDisplayNone">item1</li>
<li class="liDisplayNone">item1</li>
<li class="liDisplayNone">item1</li>
</ul>
O script que fiz, ficou assim:
<script>
$( ".divTitulo" ).click(function() {
$(".ulDisplayNone").css("display:block");
});
</script>
Não está funcionando, o que fiz de errado?
Mas, como faço para esconder a div que ativei?
Tentei
else
$(this).next('ul').hide();
Não sei se a sintaxe está correta.