숏코드 샘플 아코디언

<h2>Basic accordion</h2>

Spoiler title

Spoiler content

Spoiler title

Spoiler content

Spoiler title

Spoiler content

<h2>Fancy accordion</h2>

Spoiler title

Spoiler content

Spoiler title

Spoiler content

Spoiler title

Spoiler content

<h2>Accordion with open spoiler</h2>

Spoiler title

Spoiler content

Spoiler title

Spoiler content

Spoiler title

Spoiler content

<h2>Different spoiler styles</h2>

Spoiler title

Spoiler content

Spoiler title

Spoiler content

Spoiler title

Spoiler content

<h2>Open spoilers</h2>

Spoiler title

Spoiler content

Spoiler title

Spoiler content

Spoiler title

Spoiler content

<h2>Different icons</h2>

plus

Spoiler content

plus-circle

Spoiler content

plus-square-1

Spoiler content

plus-square-2

Spoiler content

arrow

Spoiler content

arrow-circle-1

Spoiler content

arrow-circle-2

Spoiler content

caret

Spoiler content

caret-square

Spoiler content

folder-1

Spoiler content

folder-2

Spoiler content

<h2>Custom styles</h2>

Spoiler title

Spoiler content

<!–
IMPORTANT
You need to add this CSS code to the custom CSS editor at plugin settings page
–>
<style>
.su-spoiler.my-custom-spoiler {}
.su-spoiler.my-custom-spoiler .su-spoiler-title { background-color: #84ADEA }
.su-spoiler.my-custom-spoiler .su-spoiler-title .su-spoiler-icon,
.su-spoiler.su-spoiler-closed.my-custom-spoiler .su-spoiler-title .su-spoiler-icon {
left: 3px;
background-color: #fff;
}
.su-spoiler.my-custom-spoiler .su-spoiler-content { background-color: #C0D1EB }
</style>