Niveau Niveau confirmé

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

Tutorieljavascript

Publié par le , mis à jour le (442637 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).

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).