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]

Comments are closed.