Référence JavaScript du menu accordéon
Foundation fournit des composants JavaScript pour un menu accordéon comme indiqué ci-dessous.
Initialisation
Vous pouvez initialiser le menu accordéon en JavaScript en utilisant les plugins foundation.accordionmenu.js et foundation.core.js . Le plugin nécessite les bibliothèques suivantes -
foundation.util.keyboard.js
foundation.util.motion.js
foundation.util.nest.js
Fondation.AccordionMenu
Il spécifie une instance d'un menu accordéon tel que défini ci-dessous -
var elem = new Foundation.AccordionMenu(element);| N ° Sr. | Nom et description | Type |
|---|---|---|
| 1 | element Il crée un objet jQuery dans un menu accordéon. |
jQuery |
| 2 | options Le paramètre par défaut du plug-in est remplacé. |
Objet |
Options de plug-in
Vous pouvez utiliser le plugin suivant pour personnaliser l'instance du menu accordéon. Vous pouvez définir l'option du plugin en tant qu'attributs de données individuels.
| N ° Sr. | Nom et description | Exemple |
|---|---|---|
| 1 | slideSpeed Réglez le temps en ms (milliseconde) pour animer l'ouverture d'un sous-menu. |
250 |
| 2 | multiOpen Plusieurs volets ouverts sont autorisés dans le menu. |
vrai |
Événements
Le plugin des menus accordéon attaché à n'importe quel élément peut déclencher l'événement suivant.
| N ° Sr. | Nom et description |
|---|---|
| 1 | down.zf.accordion menu Il déclenche un événement lorsque le menu est réduit. |
| 2 | up.zf.accordion menu Il déclenche un événement lorsque le menu est réduit. |
Les fonctions
Voici les fonctions utilisées dans le menu accordéon.
.cacher tout
Il ferme tous les volets du menu qui sont ouverts.
.basculer
Il bascule sur l'état d'ouverture / fermeture du sous-menu.
| N ° Sr. | Nom et description | Type |
|---|---|---|
| 1 | $target Basculez dans le sous-menu. |
jQuery |
.vers le bas
Les sous-menus sont ouverts définis par $target.
| N ° Sr. | Nom et description | Type |
|---|---|---|
| 1 | $target Ouvre le sous-menu. |
jQuery |
.up
Les sous-menus sont fermés définis par $target. Il ferme également les sous-menus présents à l'intérieur de la cible.
| N ° Sr. | Nom et description | Type |
|---|---|---|
| 1 | $target Ferme les sous-menus. |
jQuery |
.détruire
Le menu accordéon est détruit.