Bootstrap Accordion使用小技巧

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 属性去掉。 否则的话还是会相互影响