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é?

jquery-ui

— forrest
source

277

Ajoutez l' active: falseoption ( documentation ).

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

— Gabriele Petrioli
source

Remarque pour les autres lecteurs: vous avez besoin de "collapsible: true" pour que "active: false" fonctionne.

— Chuck Le Butt

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

@ user5248 Il suffit de vérifier le navigateur en Javascript et de faire une affectation conditionnelle

— Reign.85