Menu alternar com jQuery
-
18-09-2019 - |
Pergunta
Eu tenho alguns HTML como o seguinte:
<ul>
<li><a href="#">Page 1</a></li>
<li><a href="#" class="toggle">[Open|Close]</a><a href="#">Page 2</a>
<ul>
<li><a href="#">Page 2-1</a></li>
<li><a href="#">Page 2-2</a></li>
<li><a href="#">Page 2-3</a></li>
<li><a href="#">Page 2-4</a></li>
</ul>
</li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 5</a></li>
</ul>
E gostaria que, quando a um com a 'alternância' classe é clicado o ul será alternado. Estou bastante decente com coisas básicas jQuery, mas não têm idéia real onde começar com este! Qualquer abordagens alternativas que alcançar o mesmo resultado seria bem-vinda também.
Solução
Com essa marcação, isso iria funcionar:
$('.toggle').click(function(){
$(this).siblings('ul').toggle();
});
Outras dicas
Confira o jQuery alternância função, http://docs.jquery.com/Effects/toggle
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow