Créer un menu "accordéon" avec jQuery
Le 07-11-2007 par Collectif Alsacreations dans Tutoriels JavaScript.
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
Si vous ne connaissez pas jQuery, je vous suggère de lire le billet de blog qu'Olivier Patry a publié sur Alsacréations il y a quelques mois. Je n'expliquerai pas le fonctionnement de chaque fonction, je décrirai seulement les étapes à suivre pour parvenir au résultat final. Pour plus de renseignements sur le fonctionnement et les possibilités offertes par jQuery, je vous invite à consulter la documentation en ligne, très utile (mais uniquement en anglais).
Passer au chapitre suivant : La base HTML
