Bootstrap:Accordion Collapse停止使用Bootstrap 2.0.3

Question

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

它仍然打开和关闭的目标 div,但它不会自动关闭打开的目标 div另一个时td与data-toggle="collapse"被点击.

你可以在这里看到它不能与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类.

参考