Niveau Niveau confirmé

Créer un menu déroulant “accordéon” avec jQuery

Tutorieljavascript

Publié par le , mis à jour le (191282 lectures)

javascript

Conclusion

Conclusion

Le menu n'est pas vraiment terminé. Il reste quelques améliorations faciles à apporter, notamment en utilisant la méthode des portes coulissantes pour les effets de survol CSS au lieu d'images séparées (ou en préchargeant les images via JavaScript). Mais vous trouverez les techniques nécessaires dans d'autre tutoriaux, et pas très loin d'ici.

Logo jQuery

Nous avons ainsi réalisé un menu accordéon, qui reste accessible et logique si JavaScript est désactivé, et utilisable au clavier. Le tout avec, si je compte bien, une vingtaine de lignes de code JavaScript. Pas mal ! La bibliothèque jQuery offre bien d'autres possibilités. Je vous invite à explorer un peu son fonctionnement, en changeant l'effet utilisé pour afficher les sous-menus, la vitesse, etc. Amusez-vous !