HTML markup – for one item
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<div class="ct-accordion"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"><!-- [1] --> <div class="panel-heading" role="tab" id="headingOne"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> When can I check in? When is check out? </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body"> We serve a continental buffet breakfast from 07:00-12:00 which is included in the room tariff. You can pay with cash or one of these cards: Girocard, Maestro, Visa, Mastercard, Amex or JCB. All taxes are included in the price. </div> </div> </div> </div> </div> |
Available variations
For {Theme} there is available two variations:
— ct-accordion
|
1 2 3 |
<div class="ct-accordion"> [ -- ] </div> |
— ct-accordion–type2
|
1 2 3 |
<div class="ct-accordion ct-accordion--type2"> [ -- ] </div> |
Screenshots
— ct-accordion
Accordion variation 1
— ct-accordion–type2
- Accardin variation 2