多重折叠模块

注意

此页为于 SCP 维基内部使用的“组件”页。用于在其他页面中引用。

未经组件作者或工作人员允许，请勿修改此页的内容。

---

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

使用方法

• • _
  + 显示使用方法- 隐藏使用方法

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

  • • _
    + 显示标题 1- 隐藏标题 1

    文本 1

    • • _
      + 显示标题 2- 隐藏标题 2

      文本 2

      • • _
        + 显示标题 3- 隐藏标题 3

        文本 3

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

  • • _
    + 显示变量- 隐藏变量

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

    • • _
      + 显示 ifprot=true 的示例- 隐藏 ifprot=true 的示例

      文本

多重折叠模块样式

.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;
}