html - Bootstrap 最初折叠的元素

Question

我正在使用 bootstrap模板，我想更改 accordion 的方式默认情况下工作。

如何在第一次看到页面(加载时)时关闭切换按钮？

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

Answer 1

当您展开或折叠 Accordion 时，它只是添加/删除“in”类并将 height:auto 或 0 设置为 Accordion div。

Demo

所以在你的 Accordion 中，当你定义它时，只需从 div 中删除“in”类，如下所示。每当您展开 Accordion 时，它只会添加“in”类以使其可见。

如果您使用“in”呈现页面，bootstrap 会查找该类，它将使 div 的高度为自动，如果它不存在，它将处于零高度。

<div id="collapseOne" class="accordion-body collapse">