You can add an Accordion using the Code below:
<div class="accordion clearfix">
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>This is Accordion Title</div>
<div class="acc_content clearfix">This is Accordion Content</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>This is Accordion Title</div>
<div class="acc_content clearfix">This is Accordion Content</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>This is Accordion Title</div>
<div class="acc_content clearfix">This is Accordion Content</div>
</div>
You can use 2 other styles for the Accordions. Eg. .accordion-bg
or .accordion-border
<div class="accordion accordion-border clearfix" data-active="2">
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>This is Accordion Title</div>
<div class="acc_content clearfix">This is Accordion Content</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>This is Accordion Title</div>
<div class="acc_content clearfix">This is Accordion Content</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>This is Accordion Title</div>
<div class="acc_content clearfix">This is Accordion Content</div>
</div>
Setting | Description |
---|---|
|
The State of the Accordions. Eg. closed to keep all the Accordions closed by default. Option(s): open or closed Ex: |
|
The Order Number of the Accordion which you want to activate on initialization. Ex: Use |
Last Modified: February 7, 2020