🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery responsive multi-level dropdown menu which will be automatically converted into a mobile-friendly toggle menu when the screen size is smaller than a breakpoint.

toggle-menu responsive-menu Drop-Down-Menu

Documentation

DropDownMenu

DropDownMenu is a responsive multi levels menu using jQuery & LESS. Demo

Gestion des Menus selon la largeur du support

Partie CSS

Dans la partie CSS je gère les menus, et autant de niveaux de sous menus possibles.

Partie HTML

Pour ajouter un autre niveau il suffit de rajouter une liste après la balise a qui se trouve à l'intérieur li. L'ordre est très important sinon le script JS sera mal interprété.

Architecture :

  • ul premier niveau
    • li
      • a lien non terminal
      • ul deuxième niveau
        • li
          • a lien terminal

De la même façon on construit le troisième niveau etc.

Partie JavaScript

Gère tout les menus et les sous menus qui existent.


You May Also Like