Créer un menu accordéon et personnaliser un curseur
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Créer un menu accordéon et personnaliser un curseur

Adrien Gazaix
3,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Créer un menu accordéon et personnaliser un curseur

Plan détaillé du cours

Leçon 1Créer un menu accordéon et personnaliser un curseur
39m19s

Avis des apprenants

Détail des avis
130
Apprenants
7
Commentaires
5/5
Note moyenne
5/5
7
4/5
0
3/5
0
2/5
0
1/5
0
Membre-1253-6206
Membre-1253-6206
Publié le 17/02/2024
C'est tres agreable a entendre et a suivre, les explications claires et parfaites, j'aime bien l'approche aussi.
Valérie Arno
Valérie Arno
Publié 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 :-)
Karim Lounici
Karim Lounici
Publié 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.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

jQuery

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 3,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1357 tutos gratuits

Notre politique de protection des données