我正在使用 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>
最佳答案
当您展开或折叠 Accordion 时,它只是添加/删除“in”类并将 height:auto
或 0
设置为 Accordion div。
所以在你的 Accordion 中,当你定义它时,只需从 div 中删除“in”类,如下所示。每当您展开 Accordion 时,它只会添加“in”类以使其可见。
如果您使用“in”呈现页面,bootstrap 会查找该类,它将使 div 的高度为自动,如果它不存在,它将处于零高度。
<div id="collapseOne" class="accordion-body collapse">
关于html - Bootstrap 最初折叠的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16149923/