You can find 2 types of variation in {Theme} for Accordion. you can choose betwenn this two variations by adding or removing the class you can see down below.
- DEFAULT (no extra class)
- .ct-accordion-dark
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" class="collapsed">who is the best it company out there?</a></h4> </div> <div id="collapse-1" role="tabpanel" aria-labelledby="header-1" class="panel-collapse collapse"> <div class="panel-body"> <p>Sella, enough said. Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit.</p> </div> </div> </div> </div> |
Screenshot
Accordion types – default version and dark version
JavaScript
Bootstrap Documentation for Accorion can be found Here. Files are bundled inside sella.min.js & style.css