模板:切换标签
切换标签模板依赖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
内容1111111111111
内容1111111111111
内容1111111111111
支持嵌套:
内容1111111111111
内容1111111111111
内容1111111111111
内容1111111111111
内容1111111111111