Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.02.2017, 16:52
Интересующийся
Отправить личное сообщение для shurikkan Посмотреть профиль Найти все сообщения от shurikkan
 
Регистрация: 03.05.2014
Сообщений: 21

Bootstrap Collapse: глюк с show/hide
Всем привет.

Twitter Bootstrap 3

При соблюдении определённого условия закрываю активную панель в группе:
$('.panel .in').collapse('hide');


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

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

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

Последний раз редактировалось shurikkan, 09.02.2017 в 16:21.
Ответить с цитированием
  #2 (permalink)  
Старый 09.02.2017, 12:25
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

shurikkan,
Ну... так всё же нормально работает. Ты конкретнее описывай проблему и поведение
Ответить с цитированием
  #3 (permalink)  
Старый 09.02.2017, 16:25
Интересующийся
Отправить личное сообщение для shurikkan Посмотреть профиль Найти все сообщения от shurikkan
 
Регистрация: 03.05.2014
Сообщений: 21

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

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

Поддержка BS3 прекращена, хотя версия 4 ещё так и не вышла (только Альфа-версия).
Ответить с цитированием
  #4 (permalink)  
Старый 09.02.2017, 21:42
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

shurikkan,
Капец. Шурик, забей на них. Сделай свою анимацию с плюшками
Ответить с цитированием
  #5 (permalink)  
Старый 15.02.2017, 16:01
Интересующийся
Отправить личное сообщение для shurikkan Посмотреть профиль Найти все сообщения от shurikkan
 
Регистрация: 03.05.2014
Сообщений: 21

Трабл ришон.

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

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

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

Последний раз редактировалось shurikkan, 15.02.2017 в 16:05.
Ответить с цитированием
  #6 (permalink)  
Старый 15.02.2017, 16:04
Интересующийся
Отправить личное сообщение для shurikkan Посмотреть профиль Найти все сообщения от shurikkan
 
Регистрация: 03.05.2014
Сообщений: 21

{ сори, наплодил сообщений. УДАЛИТЕ! }
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
typeahead bootstrap 3 + bootstrap модальное окно velllum Ваши сайты и скрипты 2 19.10.2015 19:34
AngularJS Bootstrap динамический контент - проблемы с виджетами и связыванием vsimashko Angular.js 2 30.07.2014 19:04
Подключение Bootstrap Markdown Vorobey Библиотеки/Тулкиты/Фреймворки 1 08.05.2013 11:40
bootstrap collaps bpystep Общие вопросы Javascript 4 10.07.2012 17:01
Show/Hide Content + «Переключатель» — Как? L0ci Events/DOM/Window 3 11.02.2011 02:26