0

1 つのアコーディオンで 2 つのボタンが機能するようにします。どちらも開閉（折りたたみ）を切り替えることができます。

現在、両方のボタンを使用してアコーディオンを開閉できますが、collapsed追加/削除されるのは 1 つのボタンだけです。collapsedいずれかのボタンをクリックしたときに、両方のボタンでクラスを追加/削除するにはどうすればよいですか。

両方のボタンは次のようになっていますが、場所が異なります。

<a data-toggle="collapse" class="collapsed" data-parent="#main3" href="#panel03">

私はアコーディオン スクリプトを変更しておらず、Bootstrap のドキュメントで私の問題に関連するものを見つけることができませんでした。

デモ: http://jsfiddle.net/52VtD/46/

上記のデモでは、2 つのボタンがあります。1 つの「アクティブ」をクリックすると、その前に「アクティブ」が追加されます。一度クリックすると、両方のリンクがアクティブである必要があります。ただし、現時点でアクティブになるのは 1 つだけです。

4

2 に答える 2

0

イタリアの答えはうまくいきましたが、Bootstrap 3と互換性がないようだったので、作り直しました。

$("a.accordion-toggle[data-toggle='collapse']").on("click", function () {
    $("a[href='" + $(this).attr("href") + "']").toggleClass("collapsed");
});

短くて分かりやすいと思います。

于 2013-09-14T16:43:42.303 に答える