jquery - 引导折叠为打开的项目添加类

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/