多重折叠模块

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

使用方法

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

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

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

文本 1

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

文本 2

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

文本 3

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

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

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

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

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

文本

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

多重折叠模块样式

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;
}
页面版本:⁨0⁩, 最后编辑于: ⁨2018/10/25 02:44:20⁩ (⁨⁨2883⁩ 日前⁩), 现时评分: 31