Referencia de JavaScript del menú de acordeón
Foundation proporciona componentes de JavaScript para un menú de acordeón como se indica a continuación.
Inicializando
Puede inicializar el menú de acordeón en JavaScript utilizando los complementos foundation.accordionmenu.js y foundation.core.js . El complemento requiere las siguientes bibliotecas:
foundation.util.keyboard.js
foundation.util.motion.js
foundation.util.nest.js
Foundation.AccordionMenu
Especifica la instancia de un menú de acordeón como se define a continuación:
var elem = new Foundation.AccordionMenu(element);| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | element Crea un objeto jQuery en un menú de acordeón. |
jQuery |
| 2 | options La configuración predeterminada del complemento se anula. |
Objeto |
Opciones de complementos
Puede utilizar el siguiente complemento para personalizar la instancia del menú de acordeón. Puede configurar la opción de complemento como atributos de datos individuales.
| No Señor. | Nombre y descripción | Ejemplo |
|---|---|---|
| 1 | slideSpeed Configure el tiempo en ms (milisegundos) para animar la apertura de un submenú. |
250 |
| 2 | multiOpen Se permiten varios paneles abiertos en el menú. |
cierto |
Eventos
El complemento de menús de acordeón adjunto a cualquier elemento puede desencadenar el siguiente evento.
| No Señor. | Nombre y descripción |
|---|---|
| 1 | down.zf.accordion menu Activa un evento cuando el menú se contrae. |
| 2 | up.zf.accordion menu Activa un evento cuando el menú se contrae. |
Funciones
Las siguientes son las funciones utilizadas en el menú de acordeón.
.ocultar todo
Cierra todos los paneles del menú que están abiertos.
.palanca
Alterna entre el submenú abierto / cerrado.
| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | $target Alternar el submenú. |
jQuery |
.abajo
Los submenús se abren definidos por $target.
| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | $target Abre el submenú. |
jQuery |
.arriba
Los submenús están cerrados definidos por $target. También cierra los submenús que están presentes dentro del destino.
| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | $target Cierra los submenús. |
jQuery |
.destruir
El menú de acordeón se destruye.