多重折叠模块

我和我的小伙伴们都惊呆了!!

此页为于SCP维基内部使用的样版页。

在未经同意的情况下
请不要动这页里面的东西


多重折叠模块由日语分部的 Boyu12Boyu12 制作。组件的注释版本和变量总览见于此处

使用方法

    • _

    [[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]]

    可以根据你的需要继续扩展。在你第一次保存页面之前,此模块不会正常显示!

      • _

      一些变量可以用于 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:[默认] 无事发生

多重折叠模块样式

.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;
}
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License