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> 

http://jsfiddle.net/mejo/cxdc8/

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

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

javascript - addthis share facebook and google+ url -

ios - Show keyboard with UITextField in the input accessory view -