Bootstrap数据切换在第二次单击后折叠div,而不是第一次

Question

我有一个简单的示例,使用Bootstrap并通过单击切换div.这是标记:

<div class="accordion-heading">
    <a class="accordion-toggle"
       data-toggle="collapse"
       data-parent="#accordion2"
       href="#collapseOne">Open!</a>
</div>
<div id="collapseOne" class="accordion-body">
    <div class="span6">
        <div class="well well-small">
            <div class="accordion-toggle">
                ...some text...
            </div>
        </div>
    </div>
    <div class="span2"></div>                            
</div>

当用户clixks链接标题'打开!'时 底层div扩展或崩溃.Div最初是扩展的,当用户第一次点击时它没有任何效果.然后,如果用户第二次点击,则div会崩溃.

在最初的例子中, div最初被折叠,但我希望它被打开.我怎么能解决这个问题？

Answer 1

只需将类'collaspe in'添加到class ="accordion-body"即可.

检查CODEPEN的示例代码

HTML:

<div class="accordion-heading">
    <a class="accordion-toggle"
       data-toggle="collapse"
       data-parent="#accordion2"
       href="#collapseOne">Open!</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
    <div class="span6">
        <div class="well well-small">
            <div class="accordion-toggle">
                ...some text...
            </div>
        </div>
    </div>
    <div class="span2"></div>                            
</div>

我希望这能解决你的问题.请享用 :)