Referência de JavaScript do menu acordeão
O Foundation fornece componentes JavaScript para um menu de acordeão, conforme listado abaixo.
Inicializando
Você pode inicializar o menu acordeão em JavaScript usando foundation.accordionmenu.js e foundation.core.js plugins. O plugin requer as seguintes bibliotecas -
foundation.util.keyboard.js
foundation.util.motion.js
foundation.util.nest.js
Foundation.AccordionMenu
Ele especifica a instância de um menu de acordeão conforme definido abaixo -
var elem = new Foundation.AccordionMenu(element);
Sr. Não. | Nome e Descrição | Tipo |
---|---|---|
1 | element Ele cria um objeto jQuery em um menu acordeão. |
jQuery |
2 | options A configuração do plug-in padrão é anulada. |
Objeto |
Opções de plug-in
Você pode usar o seguinte plugin para personalizar a instância do menu de acordeão. Você pode definir a opção de plug-in como atributos de dados individuais.
Sr. Não. | Nome e Descrição | Exemplo |
---|---|---|
1 | slideSpeed Defina o tempo em ms (milissegundos) para animar a abertura de um submenu. |
250 |
2 | multiOpen Vários painéis abertos são permitidos no menu. |
verdadeiro |
Eventos
O plugin de menus de acordeão anexado a qualquer elemento pode acionar o seguinte evento.
Sr. Não. | Nome e Descrição |
---|---|
1 | down.zf.accordion menu Ele dispara um evento quando o menu é recolhido. |
2 | up.zf.accordion menu Ele dispara um evento quando o menu é recolhido. |
Funções
A seguir estão as funções usadas no menu de acordeão.
.esconda tudo
Ele fecha todos os painéis do menu que estão abertos.
.alternancia
Ele alterna no estado de abertura / fechamento do submenu.
Sr. Não. | Nome e Descrição | Tipo |
---|---|---|
1 | $target Alterne o submenu. |
jQuery |
.baixa
Os submenus são abertos definidos por $target.
Sr. Não. | Nome e Descrição | Tipo |
---|---|---|
1 | $target Abre o submenu. |
jQuery |
.acima
Os submenus são fechados definidos por $target. Também fecha os submenus presentes dentro do destino.
Sr. Não. | Nome e Descrição | Tipo |
---|---|---|
1 | $target Fecha os submenus. |
jQuery |
.destruir
O menu do acordeão é destruído.