「テンプレート:タブ」の版間の差分

提供:エケペディア
ナビゲーションに移動 検索に移動
(currentの初期値を「なし」に変更)
(カテゴリ:メタテンプレート、指定可能タブ数を8から10に変更)
13行目: 13行目:
}}
}}
</pre>
</pre>
[[カテゴリ:メタテンプレート|たふ]]
</noinclude><includeonly><div class="tab-list"><ul>{{#if: {{{タブ1|}}}
</noinclude><includeonly><div class="tab-list"><ul>{{#if: {{{タブ1|}}}
| <li data-tab="1" class="{{#ifeq: {{{current}}} | 1 | current-tab }}">{{{タブ1}}}</li> }}{{#if: {{{タブ2|}}}
| <li data-tab="1" class="{{#ifeq: {{{current}}} | 1 | current-tab }}">{{{タブ1}}}</li> }}{{#if: {{{タブ2|}}}
21行目: 23行目:
| <li data-tab="6" class="{{#ifeq: {{{current}}} | 6 | current-tab }}">{{{タブ6}}}</li> }}{{#if: {{{タブ7|}}}
| <li data-tab="6" class="{{#ifeq: {{{current}}} | 6 | current-tab }}">{{{タブ6}}}</li> }}{{#if: {{{タブ7|}}}
| <li data-tab="7" class="{{#ifeq: {{{current}}} | 7 | current-tab }}">{{{タブ7}}}</li> }}{{#if: {{{タブ8|}}}
| <li data-tab="7" class="{{#ifeq: {{{current}}} | 7 | current-tab }}">{{{タブ7}}}</li> }}{{#if: {{{タブ8|}}}
| <li data-tab="8" class="{{#ifeq: {{{current}}} | 8 | current-tab }}">{{{タブ8}}}</li> }}</ul></div>
| <li data-tab="8" class="{{#ifeq: {{{current}}} | 8 | current-tab }}">{{{タブ8}}}</li> }}{{#if: {{{タブ9|}}}
| <li data-tab="9" class="{{#ifeq: {{{current}}} | 9 | current-tab }}">{{{タブ9}}}</li> }}{{#if: {{{タブ10|}}}
| <li data-tab="10" class="{{#ifeq: {{{current}}} | 10 | current-tab }}">{{{タブ10}}}</li> }}</ul></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 1 || display:none; }}"><div>{{{内容1|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 1 || display:none; }}"><div>{{{内容1|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 2 || display:none; }}"><div>{{{内容2|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 2 || display:none; }}"><div>{{{内容2|}}}</div></div>
29行目: 33行目:
<div class="tab-content" style="{{#ifeq: {{{current}}} | 6 || display:none; }}"><div>{{{内容6|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 6 || display:none; }}"><div>{{{内容6|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 7 || display:none; }}"><div>{{{内容7|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 7 || display:none; }}"><div>{{{内容7|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 8 || display:none; }}"><div>{{{内容8|}}}</div></div></includeonly>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 8 || display:none; }}"><div>{{{内容8|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 9 || display:none; }}"><div>{{{内容9|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 10 || display:none; }}"><div>{{{内容10|}}}</div></div></includeonly>

2016年5月6日 (金) 20:17時点における版

このテンプレートは、タブで表示を切り替える要素を作成します。

使い方

{{タブ
| current = 1
| タブ1 = 
| 内容1 = 
| タブ2 = 
| 内容2 = 
  ...
}}