多重折叠模块

> 多重折叠模块由日语分部的 [[*user boyu12]] 制作。组件的注释版本和变量总览见于[http://scp-jp-sandbox3.wikidot.com/draft:boyu12-2/colmod_limit/1 此处]。

+ 使用方法
[[include component:coltop show=+ 显示使用方法|hide=- 隐藏使用方法]]

[[div class="code"]]
@@[[include component:coltop show=+ 显示标题 1|hide=- 隐藏标题 1]]@@
文本 1
@@[[include component:coltop show=+ 显示标题 2|hide=- 隐藏标题 2]]@@
文本 2
@@[[include component:coltop show=+ 显示标题 3|hide=- 隐藏标题 3]]@@
文本 3
@@[[include component:colend]]@@
@@[[include component:colend]]@@
@@[[include component:colend]]@@
[[/div]]
[[include component:coltop show=+ 显示标题 1|hide=- 隐藏标题 1]]
文本 1
[[include component:coltop show=+ 显示标题 2|hide=- 隐藏标题 2]]
文本 2
[[include component:coltop show=+ 显示标题 3|hide=- 隐藏标题 3]]
文本 3
[[include component:colend]]
[[include component:colend]]
[[include component:colend]]

可以根据你的需要继续扩展。//在你第一次保存页面之前，此模块不会正常显示！//
[[include component:coltop show=+ 显示变量|hide=- 隐藏变量]]
一些变量可以用于 coltop 或者 coltop 与 colend 两者之上，用法如下：
{{@@[[include component:coltop 变量 1=值 1|变量 2=值 2]]@@}}
变量之间必须用“|”分隔开来。所有变量都是非必需的（show 和 hide 也是变量，show 只能用于 coltop ，而 hide 可以用于 coltop 与 colend 两者）。为避免存在未定义的变量，所有变量都具有默认值。

{{**nohide**}}（用于 coltop 和 colend）
* {{nohide=true}}：[在 colend 上为默认] 显示/隐藏文本为隐藏状态（请勿将 coltop 和 colend 均设置为 nohide=true，否则将无法关闭折叠）
* {{nohide=false}}：[在 coltop 上为默认] 显示/隐藏文本为显示状态
* 警告：在日语分部，两者都被默认设置为 false。为了能够在初始状态下让多重折叠模块表现的更接近常规的折叠，在本网站两者设置了不同的默认值。

{{**folded**}}（仅用于 coltop）
* {{folded=true}}：[默认] 折叠内容初始为隐藏状态
* {{folded=false}}：折叠内容初始为显示状态

{{**ifprot**}}（仅用于 coltop）
* {{ifprot=true}}：折叠用按钮展开，而不是红色文本
* {{ifprot=false}}：[默认] 无事发生
[[include component:coltop show=+ 显示 ifprot=true 的示例|hide=- 隐藏 ifprot=true 的示例|ifprot=true]]
文本
[[include component:colend]]
[[include component:colend]]

[[include component:colend]]



+ 多重折叠模块样式
[[code type="css"]]
.colmod-block > ul,
.colmod-block > ul > li {
    display:block;
    line-height:normal;
    list-style:none;
    margin:0;
    padding:0;
}
.colmod-block > ul > li > ul,
li.folded > .colmod-link-top a + a,
li.folded > .colmod-content,
li.folded > .colmod-link-end a,
li.unfolded > .colmod-link-top a:first-child {
    display:none;
}
.colmod-content {
    -webkit-animation:colmod-fade-in 0.2s ease-in-out;
    -moz-animation:colmod-fade-in 0.2s ease-in-out;
    animation:colmod-fade-in 0.2s ease-in-out;
    -webkit-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);
    -moz-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);
    animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);
}
li.folded > .colmod-content {
    -webkit-animation-name:none;
    -moz-animation-name:none;
    animation-name:none;
}
@-webkit-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
[class|="colmod-link"] div.foldable-list-container {
    display:inline;
}
.colmod-collapsiblealt > [class|="colmod-link"],
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] {
    margin:0.5em 0;
    text-align:center;
}
.colmod-collapsiblealt > [class|="colmod-link"] a,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a {
    padding:0.1em 0.5em;
    text-decoration:none;
    background-color:#F4F4F4;
    border:1px solid #AAA;
    color:#000;
}
.colmod-collapsiblealt > [class|="colmod-link"] a:hover,
.colmod-collapsiblealt > [class|="colmod-link"] a:active,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:hover,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:active {
    background:#DDD;
    text-decoration:none;
}
[[/code]]