How to implement twitter bootstrap accordion?

Discussion in 'CSS Forum' started by mckinneyhot, Apr 10, 2013.

  1. mckinneyhot

    mckinneyhot New Member

    I'm trying to implement the twitter bootstrap collapse plugin (http://twitter.github.io/bootstrap/javascript.html#collapse) and I can't seem to get it working. Thinking it was something wrong with my development environment, I set up a JSfiddle and I'm still getting the same issues. Here's the jsfiddle:http://jsfiddle.net/qdqrT/1/Here is the HTML which was copied directly from the bootstrap example.\[code\]<div class="accordion" id="accordion2"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="http://stackoverflow.com/questions/15915615/#collapseOne"> Collapsible Group Item #1 </a> </div> <div id="collapseOne" class="accordion-body collapse in"> <div class="accordion-inner"> Anim pariatur cliche... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="http://stackoverflow.com/questions/15915615/#collapseTwo"> Collapsible Group Item #2 </a> </div> <div id="collapseTwo" class="accordion-body collapse"> <div class="accordion-inner"> Anim pariatur cliche... </div> </div> </div></div>\[/code\]The CSS and javscript were taken directly from the bootstrap customize page, with only the collapse CSS and JS, and the trasition JS (which is a dependency for the collapse plugin).Anyone know why this is broken?
     

Share This Page