bootstrap collapse为打开的项添加类

Question

我已在我的网页中使用bootstrap framework显示可折叠面板。默认情况下，第一个面板是打开的。我需要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/