web-dev-qa-db-fra.com

Réduire tous les onglets d'un accordéon sur jquery?

En utilisant les extensions Telerik pour ASP.NET MVC, comment masquer tous les onglets d'accordéon lors du chargement de la page? Par défaut, il étendra le premier onglet Accordéon lors du chargement de la page! Merci beaucoup!

25
user192832

Essaye ça:

Il désactivera tout le volet actif (ouvert).

$('.accordion').accordion({
    active: false,
    collapsible: true            
});
101
Kien Pham

Voir le jQuery, il y a très probablement une option pour spécifier l'onglet à afficher; par défaut c'est probablement le premier. Vous pouvez remplacer le comportement en ajoutant des jQuery supplémentaires.

Si l'accordéon est un UL imbriqué, le jQuery pour masquer tous les éléments UL imbriqués serait comme ceci:

$('ul.accordion ul').hide();

Assurez-vous de placer ceci après la jQuery qui configure la fonctionnalité accordéon. Cliquer sur l'un des LI supérieurs devrait alors afficher l'UL imbriquée.

Le balisage peut être différent, mais la logique doit être très similaire.

5
Beau Smith