Fundación - Referencia de JavaScript
Foundation proporciona componentes de JavaScript para un acordeón como se enumeran a continuación.
Inicializando
Puede inicializar el acordeón en JavaScript mediante los complementos foundation.accordion.js y foundation.core.js . El complemento foundation.core.js requiere las siguientes bibliotecas:
foundation.util.keyboard.js
foundation.util.motion.js
Fundación acordeón
Especifica la instancia de un acordeón como se define a continuación:
var my_element = new Foundation.Accordion(element);El acordeón incluye un evento como se especifica a continuación:
| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | element Crea un objeto jQuery en un acordeón. |
jQuery |
Opciones de complementos
Puede utilizar las siguientes instancias de complementos para personalizar las instancias de acordeón.
| No Señor. | Nombre y descripción | Ejemplo |
|---|---|---|
| 1 | slideSpeed Especifica el tiempo necesario para abrir un acordeón. |
200 |
| 2 | multiExpand Te permite abrir varios paneles en un acordeón. |
falso |
| 3 | allowAllClosed Cerrará todos los paneles de un acordeón. |
falso |
Eventos
El complemento Accordion proporciona los siguientes eventos que se enumeran en la tabla:
| No Señor. | Nombre y descripción |
|---|---|
| 1 | down.zf.accordion Activa un evento cuando abres la pestaña. |
| 2 | up.zf.accordion Activa un evento cuando la pestaña se contrae. |
Eventos
El complemento Accordion proporciona las siguientes funciones que se enumeran a continuación:
.palanca
Activa y desactiva el estado del panel de contenido. Contiene el siguiente evento:
| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | $target Crea un objeto jQuery para alternar el panel. |
jQuery |
.abajo
Se dispara cuando abres la pestaña del acordeón. Incluye los siguientes eventos:
| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | $target Abre el panel de acordeón. |
jQuery |
| 2 | firstTime Especifica la re-ejecución del acordeón. |
Booleano |
.arriba
Se activa cuando se cierra la pestaña. Contiene el siguiente evento:
| No Señor. | Nombre y descripción | Tipo |
|---|---|---|
| 1 | $target Cierra la pestaña de acordeón. |
jQuery |
.destruir
Arruina la instancia de un acordeón.