模板:切换标签

Tab页，依赖Widget:TabJS，模板:DTab是同一JS的另一种模板形式。

语法：

{{切换标签| 开始 | 标题1 | 标题2 | ... | 标题N | class=额外的class}}（开始）

wikitext 第 1 个标签页的内容

{{切换标签}}（两个标签内容的分隔）

wikitext 第 2 个标签页的内容

{{切换标签}}（两个标签内容的分隔）

.....

{{切换标签}}（两个标签内容的分隔）

wikitext 第 N 个标签页的内容

{{切换标签|结束}}（结束）

在只有一个标题内容时，支持隐藏内容，此时等价于折叠展开模板

HTML结构：

<div class="d-tab {{{class}}}">
  <div class="d-tab-titles">
    <span class="d-tab-title active">title</span>
    <span class="d-tab-title">title</span>
    <span class="d-tab-title">title</span>
  </div>
  <div class="d-tab-contents">
    <div class="tab-content active">content</div>
    <div class="tab-content hidden">content</div>
    <div class="tab-content hidden">content</div>
  </div>
</div>

基本使用

[不净]【不空】<不能>

内容1111111111111

{{切换标签|开始|[不净]|【不空】|<不能>}}
内容1111111111111
{{切换标签}}
内容2222222222222
{{切换标签}}
内容3333333333333
{{切换标签|结束}}

支持指定分隔符，参数delimiter

不净

不空

不能

内容1111111111111

{{切换标签|开始|class=demo-delimiter
|delimiter=  [[File:Palette.svg|20px|link=]] 
|<big><big>不净</big></big>
|<big><big>不空</big></big>
|<big><big>不能</big></big>
}}
内容1111111111111
{{切换标签}}
内容2222222222222
{{切换标签}}
内容3333333333333
{{切换标签|结束}}

加一点CSS

不净

不空

不能

内容1111111111111

支持嵌套：

不净

不空

不能

内容1111111111111