Как свернуть / развернуть аккордеон с бутстрэпом постепенно, не закрывая других?

Привет У меня есть следующий код: http://www.bootply.com/peFUdnwOpZ

Я хочу открыть каждую панель, когда я нажимаю на заголовок панели, не закрывая остальные, как я могу это сделать?

javascript,jquery,css,twitter-bootstrap,

1

Ответов: 3


2 принят

Не добавляйте data-parent="#accordion"атрибут. Он отключит функцию аккордеона (по одному).


0

Я видел документ Bootstrap, http://getbootstrap.com/javascript/#collapse-usage, и я думаю, что его можно было бы решить, используя:

$('#myCollapsible').collapse({
  toggle: false
})

Попробуйте и скажите нам. Спасибо


0

Да, это работает, вы должны изменить идентификатор и использовать свой контейнер. В вашей скрипке поставьте это js

$('.closeall').click(function(){
  $('.panel-collapse.in')
    .collapse('hide');
});
$('.openall').click(function(){
  $('.panel-collapse:not(".in")')
    .collapse('show');
});
$('#container').collapse({
  toggle: false
});

Попробуйте и скажите нам. Спасибо

JavaScript, JQuery, CSS, твиттер-самозагрузки,
Похожие вопросы