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

提供:エケペディア
ナビゲーションに移動 検索に移動
(無駄なp要素が生成されないようにする)
(カテゴリ:メタテンプレート、指定可能タブ数を8から10に変更)
(2人の利用者による、間の2版が非表示)
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}}} | 1 | current-tab }}">{{{タブ1}}}</li> }}{{#if: {{{タブ2|}}}
| <li data-tab="1" class="{{#ifeq: {{{current}}} | 1 | current-tab }}">{{{タブ1}}}</li> }}{{#if: {{{タブ2|}}}
| <li data-tab="2" class="{{#ifeq: {{{current|1}}} | 2 | current-tab }}">{{{タブ2}}}</li> }}{{#if: {{{タブ3|}}}
| <li data-tab="2" class="{{#ifeq: {{{current}}} | 2 | current-tab }}">{{{タブ2}}}</li> }}{{#if: {{{タブ3|}}}
| <li data-tab="3" class="{{#ifeq: {{{current|1}}} | 3 | current-tab }}">{{{タブ3}}}</li> }}{{#if: {{{タブ4|}}}
| <li data-tab="3" class="{{#ifeq: {{{current}}} | 3 | current-tab }}">{{{タブ3}}}</li> }}{{#if: {{{タブ4|}}}
| <li data-tab="4" class="{{#ifeq: {{{current|1}}} | 4 | current-tab }}">{{{タブ4}}}</li> }}{{#if: {{{タブ5|}}}
| <li data-tab="4" class="{{#ifeq: {{{current}}} | 4 | current-tab }}">{{{タブ4}}}</li> }}{{#if: {{{タブ5|}}}
| <li data-tab="5" class="{{#ifeq: {{{current|1}}} | 5 | current-tab }}">{{{タブ5}}}</li> }}{{#if: {{{タブ6|}}}
| <li data-tab="5" class="{{#ifeq: {{{current}}} | 5 | current-tab }}">{{{タブ5}}}</li> }}{{#if: {{{タブ6|}}}
| <li data-tab="6" class="{{#ifeq: {{{current|1}}} | 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|1}}} | 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|1}}} | 8 | current-tab }}">{{{タブ8}}}</li> }}</ul></div>
| <li data-tab="8" class="{{#ifeq: {{{current}}} | 8 | current-tab }}">{{{タブ8}}}</li> }}{{#if: {{{タブ9|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 1 || display:none; }}"><div>{{{内容1}}}</div></div>
| <li data-tab="9" class="{{#ifeq: {{{current}}} | 9 | current-tab }}">{{{タブ9}}}</li> }}{{#if: {{{タブ10|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 2 || display:none; }}"><div>{{{内容2}}}</div></div>
| <li data-tab="10" class="{{#ifeq: {{{current}}} | 10 | current-tab }}">{{{タブ10}}}</li> }}</ul></div>
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 3 || display:none; }}"><div>{{{内容3}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 1 || display:none; }}"><div>{{{内容1|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 4 || display:none; }}"><div>{{{内容4}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 2 || display:none; }}"><div>{{{内容2|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 5 || display:none; }}"><div>{{{内容5}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 3 || display:none; }}"><div>{{{内容3|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 6 || display:none; }}"><div>{{{内容6}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 4 || display:none; }}"><div>{{{内容4|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 7 || display:none; }}"><div>{{{内容7}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 5 || display:none; }}"><div>{{{内容5|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 8 || display:none; }}"><div>{{{内容8}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 6 || display:none; }}"><div>{{{内容6|}}}</div></div>
</includeonly>
<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>
<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 = 
  ...
}}