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 -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -