2009-10-20 9 views
23

En utilisant les extensions Telerik pour ASP.NET MVC, comment puis-je masquer tous les onglets d'accordéon lors du chargement de la page? Par défaut, il agrandira le premier onglet Accordéon lors du chargement de la page! Merci beaucoup!Réduire tous les onglets d'un accordéon sur jquery?

+0

Vérifiez ceci: http://codepen.io/rochapablo/editor/YPXbQM – Pablo

Répondre

3

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

Si l'accordéon est un UL imbriquée, la jQuery pour cacher tous les éléments imbriqués UL seraient comme ceci:

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

Assurez-vous de placer ce après la jQuery qui met en place la fonctionnalité d'accordéon. En cliquant sur l'un des meilleurs LI devrait alors montrer l'UL emboîtée.

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

+0

Merci pour votre aide, mais Telerik extensions a un peu différent, montrez que vous pouvez simplement utiliser la fonction Masquer pour masquer l'accordéon –

+2

Cela va se cacher comme vous l'avez suggéré. Mais l'élément actif sera actif. Donc, «active: false» est la bonne chose à faire. – chhantyal

97

Essayez ceci:

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

$('.accordion').accordion({ 
    active: false, 
    collapsible: true    
}); 
+0

Merci pour le pourboire! –

+0

Incroyable fonctionne comme un charme! –