Accordion自带的手风琴挺不错的,按照官网的API来可以实现完美 的效果。
但是有个时候 需要实现一些自己想要的效果。这里记录一下。
1.要设置某个部分的div 首次加载就处于打开状态 ,在div#accordion-body上加上一个class: in
如默认的为:
<div id="collapseOne" class="accordion-body collapse">
改为:
<div id="collapseOne" class="accordion-body collapse in">
如果style=“height:0px;”之类的 记得删除/
2.如果需要选项之间 打开互不影响(默认是:打开一个,其他的就会关闭。)
则 把所有这部分
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
Collapsible Group Item #1
</a>
</div>
中的 data-parent=“#according2”这个属性删除。记得所有的div#accordion-heading 下面的 a标签的 data-parent 属性去掉。 否则的话还是会相互影响