Toggle

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]