Bootstrap Collapse: глюк с show/hide
 

Всем привет.

Twitter Bootstrap 3

При соблюдении определённого условия закрываю активную панель в группе:

$('.panel .in').collapse('hide');

Открытая панель закрывается. НО! Если покликать по соседним панелям - сразу несколько начинают висеть с классом in (открытые).

Не пойму, что я не так делаю. HELP!

Пример на JS Fiddle:
https://jsfiddle.net/u9kzt32w/4/

shurikkan,
Ну... так всё же нормально работает. Ты конкретнее описывай проблему и поведение

Обновил ссылку на JSFiddle.
Нужно было эмулировать хэш-тег из URL.
Пощёлкай по панелям - при открытии закрытой не скрываются остальные.
show/hide некорректно работают. Не убираются и не добавляются классы in и collapsed.

Комментарий от Bootstrap порадовал:
https://github.com/twbs/bootstrap/issues/21949

Поддержка BS3 прекращена, хотя версия 4 ещё так и не вышла (только Альфа-версия).

shurikkan,
Капец. Шурик, забей на них. Сделай свою анимацию с плюшками

Трабл ришон.

Решение - элементарное: добавление к панелям атрибута data-parent, значение которого соответствует значению ID родительского контейнера collapse.

Рабочий код для примера (для панелей указан data-parent="#accordion"):
https://jsfiddle.net/u9kzt32w/9/

Зачем?
Проект большой, в нём используется Bootstrap CSS и JS.
Зачем плодить код, задачу которого можно реализовать штатными средствами Bootstrap?
Пипец блин, какого хрена в документации нет этого атрибута у панелей?? :) Сколько нервов... Я уже хотел расковыривать скрипт BS-шный, смотреть как работает.

{ сори, наплодил сообщений. УДАЛИТЕ! :) }