숏코드 샘플 아코디언
<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-circle
Spoiler content
plus-square-1
Spoiler content
plus-square-2
Spoiler content
arrow-circle-1
Spoiler content
arrow-circle-2
Spoiler content
caret-square
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>