0
私はブートストラップcollapse(アコーディオン)を使用していて、開かれている場合は.panel-header
の背景色を変更したいと考えています。これまでのところ私はこれを持っているが、私はつまみを打った。クリックすると、ブートストラップのアコーディオンパネルヘッダーをどのようにターゲットできますか?
$('.panel-group').on('show.bs.collapse', function() {
$(this).find('.panel-heading').addClass('active-panel');
});
$('.panel-group').on('hide.bs.collapse', function() {
$(this).find('.panel-heading').removeClass('active-panel');
});
問題は.panel-group
は(ドキュメントは構造のために上記のリンクを参照)、すべての.panel-heading
年代の親であり、すべてのパネルで、それの結果がそれらに適用される.active-panel
クラスを持つということです。クリックされたパネル見出しのみをターゲットにするにはどうすればよいですか?
[それが開いたときに多分あなたは、クリックで= "true" をデータ電流を設定することができ、その後、あなたは.panel-見出しを検索data-current = "true"]?確かに最高の解決策ではないが... –
それはうまくいくだろうが、私はもう少しエレガントなものを探している。 – ProEvilz
私はそれを理解します;) –