Twitter-bootstrap 崩溃插件 - 如何启用多个“组"将被打开? [英] Twitter-bootstrap collapse plugin - how to enable multiple "groups" to be opened?

查看：14
本文介绍了Twitter-bootstrap 崩溃插件 - 如何启用多个“组"将被打开?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用折叠插件，我想知道如何同时打开多个组.在他们的演示页面:

http://twitter.github.com/bootstrap/javascript.html#collapse

在给定时间只允许打开一个.我想这是手风琴的预期行为，但是我该如何更改它以便打开一组不会折叠其他组?

解决方案

只是不要使用 data-parent 属性:

<div class="accordion-group"><div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" href="#collapseOne">可折叠组项目 #1</a>
<div id="collapseOne" class="accordion-body 折叠在"><div class="accordion-inner">Item 1 Body</div>

<div class="accordion-group"><div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" href="#collapseTwo">可折叠组项目 #2</a>

<div id="collapseTwo" class="accordion-body collapse"><div class="accordion-inner">项目 2 主体</div>

http://jsfiddle.net/HJf6j/2/

I'm working with the collapse plugin and I'm wondering how I can enable multiple groups to be open at the same time. In their demo page:

http://twitter.github.com/bootstrap/javascript.html#collapse

Only one is allowed to be open at a given time. I suppose this is the expected behavior of accordions, but how can I change it so that opening one group does not collapse the others?

解决方案

Just don't use data-parent attributes:

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" href="#collapseOne">
        Collapsible Group Item #1
      </a>

    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">Item 1 Body</div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">Item 2 Body</div>
    </div>
  </div>
</div>

http://jsfiddle.net/HJf6j/2/

这篇关于Twitter-bootstrap 崩溃插件 - 如何启用多个“组"将被打开?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆