Bootstrap effondrement ne fonctionne pas correctement

J'ai créé un accordéon avec bootstrap effondrement. Il y a certains éléments de l'accordéon qui s'alternent sur l'expansion sur le clic de l'élément particulier. Le balisage suivant est créé:

    <div class="accordion" id="accordion2">

        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" href="#collapse-0" id="0" data-toggle="collapse" data-parent="#accordion2">
                   User Visits
                </a>
            </div>
            <div id="collapse-0" class="accordion-body collapse in">
                <div class="accordion-inner">
                    Collapsible <br/>
                    Collapsible <br/>
                </div>
            </div>
        </div>

        <div class="accordion-group">                   
            <div class="accordion-heading">
                <a class="accordion-toggle" href="#collapse-1" id="1" data-toggle="collapse" data-parent="#accordion2">
                    Points
                </a>
            </div>                  
            <div id="collapse-1" class="accordion-body collapse">
                <div class="accordion-inner">
                    Collapsible <br/>
                    Collapsible <br/>
                </div>
            </div>
        </div>

    </div>

Le problème est que, après le chargement de la page le premier clic sur un élément en particulier les résultats dans la réussite de l'expansion de l' .accordion-body .collapse bloc, mais les appels ne sont pas le résultat d'une expansion.

Les résultats de la dilatation due à l'adjonction d'une classe appelée in de façon dynamique. Même sur des clics successifs sur l'accordéon éléments de l'inspection montre le retournement de l' in classe comme il se doit, mais en dépit de cela, l'élément n'est pas développée.

Veuillez indiquer ce que pourrait être le problème.

Vous pouvez avoir une sorte de conflit sur la page, la cause de l'erreur - ce que javascript avez-vous? Le balisage ci-dessus fonctionne parfaitement ici, inséré sur une page vierge.
Je ne peux pas comprendre à quel type de conflit que je pouvais avoir. En fait il y a plus de deux éléments, et celui choisi pour la première fois, se développe et les appels suivants ne. Même pas le initally élément développé. Il fonctionne parfaitement, même ici: jsfiddle.net/uycBa/35
🙂 logiquement il doit y avoir un conflit - utilisez-vous des "0", "1", etc que des id d'ailleurs? (Remarque, il n'est généralement pas adviceable en id des éléments comme des chiffres, même si la plupart des navigateurs acceptent cela, il est illégal w3.org/TR/html401/types.html#type-name) Vous êtes les bienvenus pour poster l'ensemble de la page / balisage, incl javascript.
Avez-vous regardé la console javascript? Il semble que votre javascript est en train de mourir après la première développez? View > Developer > JavaScript Console. Il est aussi possible que vous ayez plusieurs accordians sur la page, et utiliser le même identifiant pour l'accordéon, qui est à l'origine de jquery sélecteur à l'échec, ou sélectionnez le mauvais élément, conduisant à une insuffisance de l'effondrement de l'accordéon.

OriginalL'auteur mickeymoon | 2012-11-01