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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值