Basculement menu avec jQuery
-
18-09-2019 - |
Question
J'ai du code HTML comme suit:
<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>
Et voudrait que lorsque l'un avec la classe « bascule » est cliqué sur le ul sera basculée. Je suis assez décent avec des trucs jQuery de base, mais ont aucune idée où commencer avec celui-ci! Toutes les approches alternatives qui permettent d'atteindre le même résultat serait le bienvenu aussi.
La solution
Avec cette majoration, cela fonctionnerait:
$('.toggle').click(function(){
$(this).siblings('ul').toggle();
});
Autres conseils
Consultez la fonction de bascule jQuery, http://docs.jquery.com/Effects/toggle
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow