Basic accordion

Spoiler title
Spoiler content
Spoiler title
Spoiler content
Spoiler title
Spoiler content

—–

Fancy accordion

Spoiler title
Spoiler content
Spoiler title
Spoiler content
Spoiler title
Spoiler content

—–

Accordion with open spoiler

Spoiler title
Spoiler content
Spoiler title
Spoiler content
Spoiler title
Spoiler content

—–

Different spoiler styles

Spoiler title
Spoiler content
Spoiler title
Spoiler content
Spoiler title
Spoiler content

—–

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]

—–

Spoilers with anchors (see the code)

Spoiler title
Spoiler content
Spoiler title
Spoiler content
Spoiler title
Spoiler content

Use next links to open this spoilers

Open spoiler 1 | Open spoiler 2 | Open spoiler 3

—–

Accordion + Spoilers + Anchors (see the code)

Spoiler title
Spoiler content
Spoiler title
Spoiler content
Spoiler title
Spoiler content

Use next links to expand accordion items

Open spoiler 1 | Open spoiler 2 | Open spoiler 3

—–

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]

—–

Custom styles

[%su_spoiler title=”Spoiler title” class=”my-custom-spoiler”] Spoiler content [/%su_spoiler]