Twitter Bootstrap's accordion and multiple children -
how expand/show multiple children? service2 not shown.
<div class="accordion" id="accordion1"> <div class="accordion-group"> <div class="accordion-heading"> <div class="accordion-toggle group-accordion-toggle"> <a href="#collapseone" data-parent="#accordion1" data-toggle="collapse" class=""><i class="icon-plus"></i></a> <a href="http://www.example.com">operator</a> </div> </div> <div id="collapseone" class="accordion-body collapse"> <div class="accordion-inner"><a href="http://www.example.com/service1">service1</a></div> </div> <div id="collapseone" class="accordion-body collapse"> <div class="accordion-inner"><a href="http://www.example.com/service2">service2</a></div> </div> </div>
could not remove <div id="collapseone" class="accordion-body collapse">
container section2
?
<div id="collapseone" class="accordion-body collapse"> <div class="accordion-inner"><a href="http://www.example.com/service1">service1</a> </div> <div class="accordion-inner"><a href="http://www.example.com/service2">service2</a> </div> </div>
here's jsfiddle illustrating mean.
also, it's bad practice have 2 elements same id, , may cause issues further down road.
Comments
Post a Comment