jquery - Bootstrap 框架 - 始终打开至少一个 Accordion (又名折叠)项目

标签 jquery twitter-bootstrap accordion

我在我的网站上使用 Bootstrap,并且刚刚向某些页面内容添加了一个 Accordion (又名折叠)。

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

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

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>

最佳答案

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

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

关于jquery - Bootstrap 框架 - 始终打开至少一个 Accordion (又名折叠)项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15302760/

相关文章:

jquery - jQuery 中的 ^= 选择器有什么作用?

html - 一行居中 3 张图像,无需额外的容器

twitter-bootstrap - 在对话框外单击时 twitter bootstrap 模式触发器

javascript - 嵌套的 UI Accordion ?

javascript - JQuery 调用不应该调用 onclick 的函数?

php - 在下拉选择中,如何从数据库中填写完整的表单字段

javascript - jquery mouseover/显示隐藏div

css - 在 Bootstrap Navbar 中居中一个元素

html - 如何使按钮更像 Accordion 按钮?

android - Accordion 在我的 Android 应用程序中无法工作