133 votes

Comment faire pour que l'accordéon de jQuery UI soit réduit par défaut ?

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

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

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

Existe-t-il un moyen de la fermer par défaut si elle n'est pas cliquée ?

288voto

Gaby aka G. Petrioli Points 85891

Ajouter le active: false option ( documentation )..

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

49 votes

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

2 votes

Intéressant. Est-il possible de ne servir que le collapsus pour les appareils mobiles ? Sur les ordinateurs de bureau, je veux que le premier onglet soit ouvert. Sur les appareils mobiles, je veux que tous les onglets soient fermés.

3 votes

@user5248 Vérifiez simplement le navigateur en Javascript et faites une affectation conditionnelle.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X