Bootstrap崩溃无法正常工作

Question

我创造了一个带有自举崩溃的手风琴.手风琴中的某些元素在点击特定元素时会进行扩展.创建以下标记:

    <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动态调用的类,扩展结果.即使在手风琴元素的连续点击上,检查也显示了in应该如此的翻转,但尽管该元素没有扩展.

请提出可能存在的问题.

Answer 1

我已经找到了问题所在.实际上,崩溃jquery插件需要包含bootstrap-transition插件.我尝试过' bootstrap-collapse导致上述问题的'only' 或bootstrap.js导致其他问题的full .