jquery - ブートストラップの折りたたみ 開いているアイテムのクラスを追加

Question

bootstrap frameworkWeb ページで折りたたみ可能なパネルを表示するために使用しました。デフォルトでは、最初のパネルが開いています。ページadd classの読み込みが必要です。opened panel's headパネルをクリックすると、クラスが削除されます。これを行う方法？

Answer 1

私はあなたが何を望んでいるのか知っていると思います。これを試して

var panelHeadClass = 'foo',
    accordion = $('#accordion'),
    openPanel = accordion.find('.panel-collapse.collapse.in'),
    openPanelHead = openPanel.prev('.panel-heading').addClass(panelHeadClass);

accordion.on('click', '.panel', function() {
    openPanelHead.removeClass(panelHeadClass);
});

デモはこちら - http://jsfiddle.net/ehvDd/3/