Niveau : 
Créer un menu déroulant “accordéon” avec jQuery
Conclusion
Tutoriel par Thomas D. (Développeur web, Verviers (Belgique))
Sommaire
Conclusion
Le menu n'est pas vraiment terminé. Il reste quelques améliorations faciles à apporter, notamment en utilisant la méthode des portes coulissantes pour les effets de survol CSS au lieu d'images séparées (ou en préchargeant les images via JavaScript). Mais vous trouverez les techniques nécessaires dans d'autre tutoriaux, et pas très loin d'ici.
Récapitulons : nous avons réalisé un menu accordéon qui fonctionne avec les principaux navigateurs du marché, qui reste accessible et logique si JavaScript est désactivé, et utilisable au clavier. Le tout avec, si je compte bien, une vingtaine de lignes de code JavaScript. Pas mal !
La bibliothèque jQuery offre bien d'autres possibilités. Je vous invite à explorer un peu son fonctionnement, en changeant l'effet utilisé pour afficher les sous-menus, la vitesse, etc. Amusez-vous ...
Le principal inconvénient des bibliothèques JavaScript est (était ?) leur poids souvent excessif. À vous de voir si les 27 ko de jQuery valent la peine ou pas ...
