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.