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

[show_shortcode][acc title=”” style=”” start_opened=”” tweaked=””] … [/acc][/show_shortcode]

 

style = default-style / style2 / style3

tweaks = yes / no

start_opened = yes / no

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]

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

code