Bootstrap Accordions

Create a bootstrap accordions.

Syntax

[dexp_accordions class="custom_class"]
  [dexp_accordion title="" icon="fa fa-home" default="yes|no" class="custom_class"]
    Text
  [/dexp_accordion]
[/dexp_accordions]

Result

<div id="dexp-accordions" class="panel-group style01" role="tablist" aria-multiselectable="true">
  <div class="panel panel-default">
    <div id="dexp-accordion" class="panel-heading" role="tab">
      <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#dexp-accordions" href="#dexp-accordion--2-content" aria-expanded="false" aria-controls="dexp-accordion--2-content">Title</a>
      </h4>
    </div>
    <div id="dexp-accordion-content" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="dexp-accordion">
      <div class="panel-body">Text</div>
    </div>
  </div>
</div>

Attributes

title: is a title of panel.

icon: can be FontAwesome class such as "fa fa-home" or any font which theme support.

default: if default = "yes" then content of panel will open.

class: custom class for accordion wrapper and accordion item.