$ 3.00

Tuto Créer un menu accordéon et personnaliser un curseur avec jQuery

$ 3.00

  • Une formation vidéo de 39m18s
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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.


Formateur : Adrien Gazaix

Adrien Gazaix a publié 90 tutoriels et obtenu une note moyenne de 4,7/5 sur 23 411 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

4
avis laissés
5 étoiles
4
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de tailivan laissé le 13/03/2012
    Original et tjs aussi pédagogique, on ne se lasse pas des tutos de Spykrew José

  • 5
    avis de kaladrash laissé le 21/02/2012
    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 !!!

  • 5
    avis de chouchou59 laissé le 12/02/2012
    Toujours aussi agréable à suivre. Si je ne me suis pas trompé, je pense qu'il y a un comportement à corriger sur les dt. Lorsque l'on clique sur le bouton "tout afficher" et que l'on clique sur un titre, les trois gardent la classe current. Il s'agit certainement d'une erreur de ma part, pourriez-vous vérifier? Cordialement

  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1559 tuto gratuits


non, je ne veux pas me former gratuitement