2,00 au lieu de 3,00

Tuto Créer un menu accordéon et personnaliser un curseur avec jQuery opération spéciale -33% jusqu'au 02 octobre, 23:59

2,00 au lieu de 3,00

  • Une formation vidéo de 39m18s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Créer un menu accordéon et personnaliser un curseur

ajouter ce cours aux favoris retirer ce cours des favoris

Retrouvez cette formation dans le bundle :

10 Exercices pratiques pour vous améliorer en jQuery

-31% de réduction

voir les détails du bundle


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é 201 tutoriels et obtenu une note moyenne de 4,8/5 sur 63 013 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

6
avis laissés
5 étoiles
6
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de valerie-a77 laissé le 27/09/2021
    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 :-)

  • 5
    avis de membre-7459-7618 laissé le 11/01/2020
    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.

  • 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é

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    jQuery
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
French Days automne 2023
accédez à plus de 1448 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données