How to use Accordion & Tab
You can us this html structure to build Arccordion and Tab
Accordion
<div id="accordion2" class="accordion at-accordion-1"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" href="#collapseOne" data-toggle="collapse" data-parent="#accordion2">Your Title</a> </div><div id="collapseOne" class="accordion-body collapse in"> <div class="accordion-inner"> <p>Your Content</p> </div> </div></div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" href="#collapseTwo" data-toggle="collapse" data-parent="#accordion2">Your Title</a> </div> <div id="collapseTwo" class="accordion-body collapse"> <div class="accordion-inner"> <p>Your Content</p> </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" href="#collapseThree" data-toggle="collapse" data-parent="#accordion2">Your Title</a> </div> <div id="collapseThree" class="accordion-body collapse"> <div class="accordion-inner"> <p>Your Content</p> </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" href="#collapseFour" data-toggle="collapse" data-parent="#accordion2">Your Title</a> </div> <div id="collapseFour" class="accordion-body collapse"> <div class="accordion-inner"> <p>Your Content</p> </div></div> </div></div>