- Concept: Demo JSFiddle
- Produit fini: Demo JSFiddle, multi-level-dropdown-mega-menu sur github.com
Astuce rarement (jamais?) aperçue dans les différents plugins que j’ai pu utiliser jusqu’à présent: au hover
sur un élément du niveau principal, on supprime la classe .hidden
sur le sous-menu correspondant. Pour détecter que le curseur de la souris sors du sous-menu, on place une div
à 100% en largeur et en hauteur sous le menu via z-index
. Ensuite, on ne se pose pas de question: à partir du moment où le curseur de la souris survole cette div
, on masque tous les sous-menus.