How to collapse/expand an accordion with bootstrap progressively without close the others?

Question

Hi I have the following code: http://www.bootply.com/peFUdnwOpZ

I want to open each panel when I click on the panel heading without close the others were opened, How can I do it?.

Answer 1

Do not add, data-parent="#accordion" attribute. It will disable the accordion (one at a time) like feature.

Answer 2

I've saw the docu of Bootstrap, http://getbootstrap.com/javascript/#collapse-usage and i think it could be solved using:

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

Try and tell us. Thanks

Answer 3

Yes it works, you must change the id, and use your container. In your fiddle put this js

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

Try and tell us. Thanks