Comment conserver jQuery UI Accordion réduit par défaut?

130

Je travaille avec jQuery UI Accordion et cela fonctionne très bien, mais j'aimerais que l'accordéon reste fermé à moins que je clique dessus.

J'utilise ce code en ce moment, ce qui permet de le fermer:

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

Existe-t-il un moyen de le fermer par défaut à moins qu'il ne soit cliqué?

forrest
la source

Réponses:

277

Ajoutez l' active: falseoption ( documentation ).

$("#accordion").accordion({ header: "h3", collapsible: true, active: false });
Gabriele Petrioli
la source
49
Remarque pour les autres lecteurs: vous avez besoin de "collapsible: true" pour que "active: false" fonctionne.
Chuck Le Butt
2
Intéressant. Est-il possible de le diffuser uniquement pour les appareils mobiles? Sur les ordinateurs de bureau, je souhaite ouvrir le premier onglet. Sur les appareils mobiles, je veux qu'ils soient tous fermés.
user5248
3
@ user5248 Il suffit de vérifier le navigateur en Javascript et de faire une affectation conditionnelle
Reign.85