Intégrer un Drop Down Menu simple avec CSS et Jquery

dropdown

Dans ce billet, nous allons vous aider à mettre en place un menu très simple avec Jquery pour l’animation et le CSS3 pour la mise en forme.

Nous allons vous faciliter l’implémentation de l’outil pour vous donner la meilleure façon de minimiser et d’optimiser vos codes dans vos projets web.

Le code HTML

La structure html sera très basique car il suffit d’avoir un lien pour contenir l’élément principal et un div pour le sous menu (ou l’élément enfant)

Le code JavaScript

Dans le code jquery tout va partir de l’événement click sur l’élément principal qui sera a.account.

Puis on récupéra l’ID de l’élément principal que lors de l’appel de la fonction va afficher le div contenant du submenu.
Et enfin lors du clic sur n’importe autre partie de la page, on va cacher le sous menu : ($(document).mouseup(function())

Le Code CSS

dropdown-2

Répondre