Niveau Niveau confirmé

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

Tutorieljavascript

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

menu déroulant javascript accordéon menu déroulant cascade

Le but de ce tutoriel est de transformer un menu de navigation HTML en un menu "accordéon", c'est-à-dire déroulant, dont les sous-menus s'ouvrent au clic de souris (ou au focus).

Sommaire


Introduction

Pour arriver au menu en accordéon, on va bien sûr utiliser JavaScript, en se basant sur la bibliothèque jQuery. Celle-ci va permettre d'arriver assez vite aux fonctionnalités recherchées en écrivant des instructions compactes.

Accordeon

Pour plus de renseignements sur le fonctionnement et les possibilités offertes par jQuery, je vous invite à consulter la documentation en ligne, très utile (mais uniquement en anglais).