Fundação - Referência de JavaScript
O Foundation fornece componentes JavaScript para um acordeão, conforme listado abaixo.
Inicializando
Você pode inicializar o acordeão em JavaScript usando foundation.accordion.js e foundation.core.js plugins. O plug-in Foundation.core.js requer as seguintes bibliotecas -
foundation.util.keyboard.js
foundation.util.motion.js
Foundation.Accordion
Ele especifica a instância de um acordeão conforme definido abaixo -
var my_element = new Foundation.Accordion(element);
O acordeão inclui um evento conforme especificado abaixo -
Sr. Não. | Nome e Descrição | Tipo |
---|---|---|
1 |
element Ele cria um objeto jQuery em um acordeão. |
jQuery |
Opções de plug-in
Você pode usar as seguintes instâncias de plug-in para personalizar as instâncias de acordeão.
Sr. Não. | Nome e Descrição | Exemplo |
---|---|---|
1 |
slideSpeed Ele especifica o tempo necessário para abrir um acordeão. |
200 |
2 |
multiExpand Ele permite que você abra vários painéis em um acordeão. |
falso |
3 |
allowAllClosed Isso fechará todos os painéis de um acordeão. |
falso |
Eventos
O plugin de acordeão fornece os seguintes eventos, conforme listado na tabela -
Sr. Não. | Nome e Descrição |
---|---|
1 |
down.zf.accordion Ele aciona um evento quando você abre a guia. |
2 |
up.zf.accordion Ele dispara um evento quando a guia está se fechando. |
Eventos
O plugin de acordeão fornece as seguintes funções, conforme listado abaixo -
.alternancia
Ele alterna o estado ligado e desligado do painel de conteúdo. Ele contém o seguinte evento -
Sr. Não. | Nome e Descrição | Tipo |
---|---|---|
1 |
$target Ele cria um objeto jQuery para alternar o painel. |
jQuery |
.baixa
Ele dispara quando você abre a guia sanfonada. Inclui os seguintes eventos -
Sr. Não. | Nome e Descrição | Tipo |
---|---|---|
1 |
$target Ele abre o painel acordeão. |
jQuery |
2 |
firstTime Ele especifica a reexecução do acordeão. |
boleano |
.acima
Ele é acionado quando a guia é fechada. Ele contém o seguinte evento -
Sr. Não. | Nome e Descrição | Tipo |
---|---|---|
1 |
$target Ele fecha a guia do acordeão. |
jQuery |
.destruir
Isso estraga a instância de um acordeão.