多重折叠模块

> 多重折叠模块由日语分部的 [[*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]]