HTML markup example
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<div id="1" role="tablist" aria-multiselectable="true" class="panel-group ct-accordion-dark"> <div class="panel panel-default"> <div role="tab" id="header-1" class="panel-heading"> <h4 class="panel-title"><a aria-controls="collapse-1" aria-expanded="true" data-parent="#1" data-toggle="collapse" href="#collapse-1" role="button">When the product will be available in shops worldwide?</a></h4> </div> <div id="collapse-1" role="tabpanel" aria-labelledby="header-1" class="panel-collapse collapse"> <div class="panel-body"> <p>Our plan is to release the device around Q3 2017. We know it is a lot of time but at the same moment we want to deliver the best possible quality</p> </div> </div> </div> </div> |
Screenshot
Accordion Open and Closed
JavaScript
Bootstrap Documentation for Accorion can be found Here.