Bootstrap：Accordion Collapse 停止使用 Bootstrap 2.0.3答案

【问题标题】：Bootstrap: Accordion Collapse stopped working with Bootstrap 2.0.3Bootstrap：Accordion Collapse 停止使用 Bootstrap 2.0.3
【发布时间】：2012-06-07 05:36:24
【问题描述】：

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

它仍然会打开和关闭目标 div，但是当另一个 td 和 data-toggle="collapse" 时，它不会自动关闭打开的目标 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>

感谢您对此提供的任何帮助！

【问题讨论】：

标签： javascript twitter-bootstrap html-table accordion

【解决方案1】：

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

bootstrap-collapse-activeselector

【讨论】：

【解决方案2】：

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

Reference

【讨论】：