twitter-bootstrap - Bootstrap 崩溃无法正常工作

Question

我创建了一个带有 bootstrap collapse 的 Accordion 。 Accordion 中的某些元素会在单击特定元素时交替展开。创建以下标记:

    <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>

问题是在页面加载后第一次单击特定元素会导致 .accordion-body .collapse 的成功扩展。阻塞，但连续调用不会导致任何扩展。

由于添加了一个名为 in 的类而导致的扩展结果动态的。即使连续点击 Accordion 元素，检查也会显示 in 的翻转。应该是类，但尽管该元素没有扩展。

请提出可能是什么问题。

Answer 1

我已经弄清楚了问题所在。实际上collapse jquery 插件需要包含bootstrap-transition插入。我尝试了“仅”bootstrap-collapse导致上述问题或完整的bootstrap.js这导致了其他问题。