Multiple Accordion Styles
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"] [accordion title="Title Here" icon="fa fa-compass" active="true"]Content Here....[/accordion] [accordion title="Title Here" icon="fa fa-compass" active="false"]Content Here....[/accordion] [/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.
[accordion-wrap type="faq" mode="toggle"] [accordion title="Title Here" icon="fa fa-compass" active="true"]Content Here....[/accordion] [accordion title="Title Here" icon="fa fa-compass" active="false"]Content Here....[/accordion] [/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.
[accordion-wrap type="faq" mode="toggle"] [accordion title="Title Here" icon="fa fa-compass" active="true"]Content Here....[/accordion] [accordion title="Title Here" icon="fa fa-compass" active="false"]Content Here....[/accordion] [/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.
[accordion-wrap type="normal" mode="accordion"] [accordion title="Title Here" icon="fa fa-compass" active="true"]Content Here....[/accordion] [accordion title="Title Here" icon="fa fa-compass" active="false"]Content Here....[/accordion] [/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.
[accordion-wrap type="faq" mode="accordion"] [accordion title="Title Here" icon="fa fa-compass" active="false"]Content Here....[/accordion] [accordion title="Title Here" icon="fa fa-compass" active="false"]Content Here....[/accordion] [/accordion-wrap]
Standard Accordion with animation
Title Here
Content Here
Title Here
Content Here
[accordion-wrap animation="" duration="" delay="" type="" iteration="" type="normal" mode="accordion"] [accordion title="Title Here" icon="fa fa-compass" active="false"]Content Here....[/accordion] [accordion title="Title Here" icon="fa fa-compass" active="false"]Content Here....[/accordion] [/accordion-wrap]