Bootstrap：Accordion Collapse停止使用Bootstrap 2.0.3

Question

我的手风琴使用data-toggle="collapse"和data-parent="#selector"适用于Bootstrap 2.0.2，但是当我切换到2.0.3时，手风琴功能停止工作。

它仍会打开和关闭目标 div ，但是当单击另一个带有data-toggle="collapse" td时，它不会自动关闭打开的目标 div 。

你可以在这里看到它不能与2.0.3一起使用： http ： //chooserealtoday.com/#faq

以下代码示例也在JSFiddle上，网址为http://jsfiddle.net/N7MN9/3/ 。

<table id="faq-table" class="table table-bordered">
  <tr>
    <td class="question" data-toggle="collapse" data-target="#answer1" data-parent="#faq-table">
      <p><strong>What is your name?</strong></p>
      <div id="answer1" class="answer collapse">
        <p>Mark Rummel</p>
      </div>
    </td>
  </tr>
  <tr>
    <td class="question" data-toggle="collapse" data-target="#answer2" data-parent="#faq-table">
       <p><strong>What is your favorite color?</strong></p>
       <div id="answer2" class="answer collapse">
         <p>Blue, no yellow.</p>
       </div>
     </td>
  </tr>
</table>

感谢您提供的任何帮助！

Answer 1

我看到两个选择

• 使用div而不是table（例如http://twitter.github.com/bootstrap/javascript.html#collapse ）
• 修改bootstrap.js并替换：

actives = this.$parent && this.$parent.find('> .accordion-group > .in')

由2.0.2版本：

actives = this.$parent && this.$parent.find('.in')

Answer 2

您可以在不修改Bootstrap文件的情况下解决此问题：只需输入.accordion-group类。

参考

Answer 3

我写了这个扩展名以允许使用表格折叠。 它允许您指定用于在折叠组中查找活动同级的选择器。

引导崩溃，activeselector