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.
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Un menu accordéon fonctionnel et agréable à l'oeil. Par contre je trouve gênant qu'à l'ouverture de la page (ou l'actualisation) le premier titre s'affiche ouvert et pas tout fermé par défaut. D'autre part, les boutons bootstrap ne s'affichent pas bien que rien ne cloche, j'ai juste des liens. Sinon toute explication nécessaire est là. J'ai apprécié aussi le "petit truc" pour changer les curseurs. Le rythme du tuto est parfait. Merci de nous avoir partagé tout ça. On a (presque) toujours besoin d'un menu accordéon :-)
-
Parfait. Il évite à ceux qui codent sous Visual Studio de télécharger Ajax Toolkit et d'intégrer beaucoup plus de code dans leurs programmations.
-
Original et tjs aussi pédagogique, on ne se lasse pas des tutos de Spykrew José
-
Avec quelle version de logiciel ce tuto est-il compatible ?jQuery
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés