bootstrap collapse add class for open item

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); 
}); 

Demo здесь - http://jsfiddle.net/ehvDd/3/