Toggle

by admin

Basic accordion

[su_accordion]
[su_spoiler title=”Lorem ipsum dolor”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit [/su_spoiler]
[su_spoiler title=”Lorem ipsum dolor”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit [/su_spoiler]
[su_spoiler title=”Lorem ipsum dolor”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit [/su_spoiler]
[/su_accordion]

 

Fancy accordion

[su_accordion]
[su_spoiler title=”Lorem ipsum dolor” style=”fancy”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit [/su_spoiler]
[su_spoiler title=”Lorem ipsum dolor” style=”fancy”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit [/su_spoiler]
[su_spoiler title=”Lorem ipsum dolor” style=”fancy”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit [/su_spoiler]
[/su_accordion]

 

Accordion with open spoiler

[su_accordion]
[su_spoiler title=”Spoiler title” open=”yes”] Spoiler content [/su_spoiler]
[su_spoiler title=”Spoiler title”] Spoiler content [/su_spoiler]
[su_spoiler title=”Spoiler title”] Spoiler content [/su_spoiler]
[/su_accordion]

 

Different icons

[su_accordion]
[su_spoiler title=”plus” icon=”plus”] Spoiler content [/su_spoiler]
[su_spoiler title=”plus-circle” icon=”plus-circle”] Spoiler content [/su_spoiler]
[su_spoiler title=”plus-square-1″ icon=”plus-square-1″] Spoiler content [/su_spoiler]
[su_spoiler title=”plus-square-2″ icon=”plus-square-2″] Spoiler content [/su_spoiler]
[su_spoiler title=”arrow” icon=”arrow”] Spoiler content [/su_spoiler]
[su_spoiler title=”arrow-circle-1″ icon=”arrow-circle-1″] Spoiler content [/su_spoiler]
[su_spoiler title=”arrow-circle-2″ icon=”arrow-circle-2″] Spoiler content [/su_spoiler]
[su_spoiler title=”caret” icon=”caret”] Spoiler content [/su_spoiler]
[su_spoiler title=”caret-square” icon=”caret-square”] Spoiler content [/su_spoiler]
[su_spoiler title=”folder-1″ icon=”folder-1″] Spoiler content [/su_spoiler]
[su_spoiler title=”folder-2″ icon=”folder-2″] Spoiler content [/su_spoiler]
[/su_accordion]