Accordion

Parameters for the Accordion
Type of Accordion: Normal/FAQ
Type of mode: Toggle/Accordion
Accordion Title: Title text for Accordion
Accordion Limit: Select toggle rows you wish to display, 2,3 or 4
Animations: Select an animation effect for the element
Advanced Options: Animation Duration, Delay and Iteration Options

Standard Accordion with toggle mode,type=”normal” and active=”true”

Aenean venenatis
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
Aenean venenatis
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.

Get The Code:

[accordion-wrap type="normal" mode="toggle"]
Content Here....
Content Here....
[/accordion-wrap]

Standard Accordion with toggle mode,type=”faq” and active=”true”

Aenean venenatis
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
Aenean venenatis
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
Get The Code:

[accordion-wrap type="faq" mode="toggle"]
Content Here....
Content Here....
[/accordion-wrap]

Standard Accordion with toggle mode,type=”faq” and active=”true”

Aenean venenatis
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
Aenean venenatis
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
Get The Code:

[accordion-wrap type="faq" mode="toggle"]
Content Here....
Content Here....
[/accordion-wrap]

Standard Accordion with accordion mode,type=”normal” and active=”true”

Aenean venenatis
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
Aenean venenatis
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
Get The Code:

[accordion-wrap type="normal" mode="accordion"]
Content Here....
Content Here....
[/accordion-wrap]

Standard Accordion with accordion mode,type=”faq” and active=”false”

Aenean venenatis
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
Aenean venenatis
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
Get The Code:

[accordion-wrap type="faq" mode="accordion"]
Content Here....
Content Here....
[/accordion-wrap]

Standard Accordion with animation

Title Here
Content Here
Title Here
Content Here
Get The Code:

[accordion-wrap animation="" duration="" delay="" type="" iteration="" type="normal" mode="accordion"]
Content Here....
Content Here....
[/accordion-wrap]