Dans ce tuto Jquery en vidéo, nous allons voir ensemble comment créer un menu accordéon qui peut servir dans le cadre d'une FAQ par exemple ou simplement pour scinder une page qui serait un peu trop longue. Le tout restera accessible à l'utilisateur même si Javascript est désactivé sur son navigateur.
Nous verrons tout d'abord comment créer cette structure HTML, et nous écrirons ensemble, pas à pas, le script jquery pour créer cet accordéon. Nous ajouterons ensuite 2 boutons pour permettre à un utilisateur d'ouvrir et de fermer tous les titres de l'accordéon en un click. Et enfin nous ajouterons un curseur personnalisé à l'aide de 3 images pour simuler les positions différentes de la souris.
Tout est fourni dans les sources pour que vous puissiez le refaire et l'intégrer à votre site.
Bon tuto.