Twitter Bootstrap - Несколько кнопок аккордеона

Question

Я хочу, чтобы две кнопки работали на одном аккордеоне. Оба переключателя могут открывать/закрывать (сбрасываются).

Прямо сейчас я могу использовать обе кнопки, чтобы открыть и закрыть аккордеон, но только одна кнопка получает collapsed добавлено/удалено. Как сделать обе кнопки добавлением/удалением класса collapsed при нажатии на один из них.

Обе кнопки, как это, но в разных местах:

<a data-toggle="collapse" class="collapsed" data-parent="#main3" href="#panel03"> 

Я не изменил сценарий аккордеона, и я не мог найти, что связано с моей проблемой в документации Bootstrap.

демо: http://jsfiddle.net/52VtD/46/

В демке выше у меня есть две кнопки. Если вы нажмете один «активный», добавленный перед ним, обе ссылки должны быть активны после нажатия. Но на данный момент активен только один.

Answer 1

Это немного обход и не использует загрузку, но работает.

jsFiddle Demo

$(".toggle-buttons a[data-toggle='collapse']").on("click", function() { 
    $(this).closest(".toggle-buttons").toggleClass("active"); 
    $($(this).attr("href")).toggleClass($(this).data("toggle")).height("auto"); 
}); 

(также изменил DOM немного)

Answer 2

ответ Италии сделал работу, но это не похоже, чтобы быть совместимым с Bootstrap 3, так что я переделал его.

$("a.accordion-toggle[data-toggle='collapse']").on("click", function() { 
    $("a[href='" + $(this).attr("href") + "']").toggleClass("collapsed"); 
}); 

Короче и понятнее, я надеюсь.