[su_accordion] [su_spoiler title="Spoiler title"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title"] Spoiler content [/su_spoiler] [/su_accordion]
Basic accordion
[su_accordion] [su_spoiler title= »Spoiler title »] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title »] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title »] Spoiler content [/su_spoiler] [/su_accordion][su_accordion] [su_spoiler title="Spoiler title" style="fancy"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" style="fancy"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" style="fancy"] Spoiler content [/su_spoiler] [/su_accordion]
Fancy accordion
[su_accordion] [su_spoiler title= »Spoiler title » style= »fancy »] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » style= »fancy »] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » style= »fancy »] Spoiler content [/su_spoiler] [/su_accordion][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]
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][su_spoiler title="Spoiler title" style="default"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" style="fancy"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" style="simple"] Spoiler content [/su_spoiler]
Different spoiler styles
[su_spoiler title= »Spoiler title » style= »default »] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » style= »fancy »] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » style= »simple »] Spoiler content [/su_spoiler][su_spoiler title="Spoiler title" style="default" open="yes"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" style="fancy" open="yes"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" style="simple" open="yes"] Spoiler content [/su_spoiler]
Open spoilers
[su_spoiler title= »Spoiler title » style= »default » open= »yes »] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » style= »fancy » open= »yes »] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » style= »simple » open= »yes »] Spoiler content [/su_spoiler][su_spoiler title="Spoiler title" anchor="Spoiler-1"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" anchor="Spoiler-2"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" anchor="Spoiler-3"] Spoiler content [/su_spoiler] Use next links to open this spoilers Open spoiler 1 | Open spoiler 2 | Open spoiler 3
Spoilers with anchors (see the code)
[su_spoiler title= »Spoiler title » anchor= »Spoiler-1″] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » anchor= »Spoiler-2″] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » anchor= »Spoiler-3″] Spoiler content [/su_spoiler]Use next links to open this spoilers
Open spoiler 1 | Open spoiler 2 | Open spoiler 3
[su_accordion] [su_spoiler title="Spoiler title" anchor="Accordion-1"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" anchor="Accordion-2"] Spoiler content [/su_spoiler] [su_spoiler title="Spoiler title" anchor="Accordion-3"] Spoiler content [/su_spoiler] [/su_accordion] Use next links to expand accordion items Open spoiler 1 | Open spoiler 2 | Open spoiler 3
Accordion + Spoilers + Anchors (see the code)
[su_accordion] [su_spoiler title= »Spoiler title » anchor= »Accordion-1″] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » anchor= »Accordion-2″] Spoiler content [/su_spoiler] [su_spoiler title= »Spoiler title » anchor= »Accordion-3″] Spoiler content [/su_spoiler] [/su_accordion]Use next links to expand accordion items
Open spoiler 1 | Open spoiler 2 | Open spoiler 3
[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]
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][su_spoiler title="Spoiler title" class="my-custom-spoiler"] Spoiler content [/su_spoiler