Menu Scale

Lien vers la démo


Menu à trois niveau avec déploiement en scale

Utilisation

direction : choix de l’origine de l’animation
  • top left
  • top right
  • bottom left
  • bottom right
menuButton : id du bouton qui ouvre le menu element : id du bloc à déplier (pas la ul si on veut ajouter du contenu supplémentaire)

menuScale.option({    element: '#menuScale',    menuButton: '#menuToggle',    direction: 'bottom left',    submenuTitle: "Ouvrir le sous-menu"                              });

Spécificités

Le ul du menu et la div.extra se positionnent l’un à coté de l’autre, extra en premier Mise en place des aria expanded Layout utilisant les flexbox Responsive Le bouton se situe hors de l’element à déplier Compliation scss avec le logiciel koala pour une insertion plus facile dans les projets !

Télécharger le plug-in

Laisser un commentaire