6

私のアコーディオンは、Bootstrap 2.0.2 を使用data-toggle="collapse"しdata-parent="#selector"て正常に動作しますが、2.0.3 に切り替えると、アコーディオン機能が動作しなくなります。

ターゲット を開いたり閉じたりすることはできますが、別の がクリックされたときに開いているターゲット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

2つのオプションがあります

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 に答える