Créer un menu déroulant “accordéon” avec jQuery

Introduction


Le but de ce tutoriel est de transformer le menu HTML du chapitre suivant en un menu "accordéon". Un menu "accordéon" est un menu déroulant un peu particulier, dont les sous-menus s'ouvrent au clic de souris (ou au focus).Pour cela, on va bien sûr utiliser JavaScript, mais en se basant sur la bibliothèque jQuery. J'ai utilisé la version 1.2.1 de jQuery, la plus récente au moment d'écrire ces lignes.

Sommaire

1. Introduction
2. La base HTML
3. Le code JavaScript
4. Les styles CSS
5. Améliorer l'ergonomie
6. Conclusion

source