J'ai besoin de créer un accordéon bootstrap. Le balisage ci-dessous fonctionne bien, mais il ne s'effondre pas automatiquement l'élément précédemment ouvert. Par exemple, Open Panel1, puis cliquez sur Panel2 .. Panel1 devrait ensuite se fermer automatiquement, mais ce n'est pas le cas. J'ai essayé de copier le balisage exactement du site bootstrap (http://twitter.github.com/bootstrap/javascript.html#collapse), mais cela ne fonctionne pas. Qu'est-ce que je manque?
4 Réponses :
remplacer simplement data-parent = "accordéon1" avec data-parent = "# accordéon1"
J'avais le même comportement, j'ai supprimé le module de transition Bootstrap et cela a fonctionné. Également corrigé le problème avec les pondérades disparues.
Pour la postérité, une autre raison que je viens de découvrir cela empêcherait les panneaux d'accordéon de s'effondrer automatiquement est si les éléments .panel ne sont pas directs enfants de l'accordéon ( .panel-group < / code> élément). J'avais enveloppé ma teneur en panneau dans un div dans mon .panel-group et l'accordéon n'a pas aimé ça.
C'est le problème que je vivais. J'y ai l'intégrant dans une vue Drupale et je devais éditer les modèles de vue pour retirer les DIV entre les panneaux.
Comment avez-vous travaillé autour de cela? Qu'est-ce que vous utilisez au lieu de
@Erikthiart j'ai supprimé le
N'a pas travaillé pour moi .
.panel doit être un enfant direct de .panel-group .
Je faisais face au même problème et a fait quelques changements basés sur une intuition .. Il a travaillé et maintenant je voudrais vous faire part de mes conclusions dans le cas où il peut aider quelqu'un .. je en utilisant la fonction de l'effondrement de l'accordéon sur plus d'une page qui faisait leur agir étrangement .. donnant différents panneaux href unique et id panneau aidé.