[[iftags +구성요소]]
[[module CSS]]
td { vertical-align: top; }
.options table.wiki-content-table td { border: none; padding: 0.7em 1em; }
[[/module]]

[[div style="border: 1px solid #ddd; padding: 1em;"]]
+ 이건 뭔가요?

이 페이지는 다중 접기 구성요소의 상단 반쪽의 소스 코드가 들어있는 페이지로, [[*user Boyu12]]가 일본어 지부를 위해 제작했습니다.

+ 이용법

다중 접기를 구현하려면 이렇게 해야 합니다.

[[div class="code"]]
##blue|**[[include :scpko:component:coltop**##
##blue|**|**## ##green|show####blue|**=**##+ 보이기
##blue|**|**## ##green|hide####blue|**=**##- 숨기기
##blue|**]]**##
접기 안쪽 텍스트
##blue|**[[include :scpko:component:colend]]**##
[[/div]]

**수직선 기호를 지우지 마세요! (##blue||##)**

[[div class="options"]]
|| **show** _
//기본: "+ 보이기"// || 접기를 여는 버튼의 문구. ||
|| **hide** _
//기본: "- 숨기기"// || 접기를 닫는 버튼의 문구. ||
|| **nohide** _
//기본: 0// || 0이면 "hide"의 문구가 접기가 열렸을 때 보이게 됩니다. 1이면 보이지 않습니다. ||
|| **folded** _
//기본: 1// || 0이면 접기가 열린 상태로 시작됩니다. 1이면 닫힌 상태입니다. ||
[[/div]]

다중 접기 안에 더 많은 다중 접기를 넣을 수도 있습니다. 다중 접기 안에 일반 접기를 넣을 수도 있고, 반대도 가능합니다. 하지만 일반 접기 안에는 다른 일반 접기를 넣지 못합니다.

본 구성요소의 페이지:

[[module PageTree]]

[[/div]]

-----

[[/iftags]]

[[module css]]
@import url('https://scpko.wdfiles.com/local--code/component%3Acolstyle/1');
[[/module]]

[[div_ class="colmod-block"]]
[[ul]][[li class="[[#if 1 | folded | unfolded ]] [[#if 0 | colmod-collapsiblealt ]]"]][[ul]]_[[/ul]][[div class="colmod-link-top"]]
[[div_ class="foldable-list-container"]]
[# + 보이기][[#if 0 |  | [# - 숨기기] ]][[/div]][[/div]][[div class="colmod-content"]]