Accordions Designs

Get base styles and flexible support for collapsible components like accordions and navigation.

The example above has the class="acc-group default-style", where default-style has the styling.

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [/acc]

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [/acc]

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [/acc]

SHORTCODE PARAMS

SHORTCODE DEMO

[show_shortcode]
[acc title=" the title here " style="default-style" ] 
  ... content here
[/acc]
[/show_shortcode]

Other Styles – style2

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style2″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [/acc]

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style2″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [/acc]

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style2″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [/acc]

Other Styles – style3

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style3″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [/acc]

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style3″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [/acc]

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style3″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [/acc]

[prettyprint_script]