Accordion

This custom widget does not apply to all themes. Check your theme's description first, to make sure it's included.

 

If you want to add accordion widget on your pages, this is a sample HTML code you can use.

 

<div id="accordion2" class="accordion">
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseOne" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
Collapsible Group Item #1
</a>
</div>
<div class="accordion-body collapse" id="collapseOne">
<div class="accordion-inner">Accordion1 Content</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseTwo" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
Collapsible Group Item #2
</a>
</div>
<div class="accordion-body collapse" id="collapseTwo">
<div class="accordion-inner">Accordion2 Content</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseThree" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
Collapsible Group Item #3
</a>
</div>
<div class="accordion-body collapse" id="collapseThree">
<div class="accordion-inner"> Accordion3 Content
</div>
</div>
</div>
</div>

 

Adjust text content as necessary.

Have more questions? Submit a request

Comments

  • Avatar
    Alejandro Cifuentes

    Can an accordion have more than 3 ítems? When I add the fourth, there is an extra space...

    Example (It's a bit exagerated, but get the idea):

    • Item1
    • Item2
    • Item3

     

    • Item4

     

    • Item5
  • Avatar
    Alejandro Cifuentes

    Forget it... there were some nasty spaces between the divs that cause the separation.

Got a question?

If you can't find the answer to your question, you can contact us.
We are here and happy to help.

Powered by Zendesk