6

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

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

您可以在这里看到它不适用于 2.0.3：http: //chooserealtoday.com/#faq

以下代码示例也在http://jsfiddle.net/N7MN9/3/上的 JSFiddle 上。

<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>

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

4

3 回答 3

6

我看到两个选项

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

通过 2.0.2 版本：

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

于 2012-06-02T10:27:13.597 回答
5

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

参考

于 2012-12-08T12:53:45.027 回答
0

我编写了此扩展程序以允许将折叠与表格一起使用。它允许您指定用于在折叠组中查找活动同级的选择器。

引导折叠主动选择器

于 2013-01-30T07:25:34.957 回答