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
-
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é
-
Je ne me lasse pas de tes tuto, ils sont très bien expliqués, clairs, tu es vraiment calme lors de tes explications, qui sont du coup très faciles a comprendre ! merci encore pour tes tuto, qui en tant que débutant, m'ont beaucoup appris !!!
-
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