Como mantenho o jQuery UI Accordion recolhido por padrão?


130

Estou trabalhando com o jQuery UI Accordion e ele funciona muito bem, mas eu gostaria que o acordeão ficasse fechado, a menos que eu clicasse nele.

Estou usando esse código agora, o que permite alterná-lo para fechado:

$("#accordion").accordion({ header: "h3", collapsible: true });

Existe uma maneira de fechá-lo por padrão, a menos que seja clicado?

Respostas:


277

Adicione a active: falseopção ( documentação ) ..

$("#accordion").accordion({ header: "h3", collapsible: true, active: false });

49
Nota para outros leitores: Você precisa de "recolhível: verdadeiro" para fazer o "ativo: falso" funcionar.
Chuck Le Butt.

2
Interessante. É possível servi-lo apenas recolhido para dispositivos móveis? Em computadores de mesa, quero abrir a primeira guia. Em dispositivos móveis, quero todos fechados.
precisa saber é o seguinte

3
@ user5248 Basta verificar navegador em Javascript e fazer uma atribuição conditionnal
Reign.85
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.