I am using Boostrap framework, but I have problem with accordions. When I am trying to add 2 bootstrap accordions http://twitter.github.com/bootstrap/javascript.html#collapse on the same page so only one works fine. Does someone how to add 2 these accordions on the same page?
Thx for your time.
Best Answer
Your second accordion is not working because you are referencing the first accordion on the
data-parent
and accordion object ids (e.g.id="collapseTwo"
), once you differentiate both accordions and set the properdata-parent
property on the second accordion everything works fine.Fixed markup with unique ids and proper data-parent references
Demo: http://jsfiddle.net/STqCF/