bootstrap框架 - 至少有一个手风琴(又名折叠)项目随时打开

Int*_*els 6 jquery accordion collapse twitter-bootstrap

我在我的网站上使用Bootstrap,只是在某些页面内容中添加了手风琴折叠.

它工作正常,但我想保持至少一个面板始终打开.

目前,面板始终切换打开/关闭,请参见下面的示例:

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

有人找到了解决方法吗?

以下是Boostrap站点的代码,它类似于我当前的实现(使用数据属性初始化它):

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

Int*_*els 2

这个问题的解决方案在这里: How do you make Twitter Bootstrap Accordion keep one group open?

感谢@aron.lakatos 指出了另一个已解决的问题。虽然问题是相同的,但解决的问题是在这个问题几周后提出的:)