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

提供:エケペディア
ナビゲーションに移動 検索に移動
(タブを8まで追加)
(「テンプレート:タブ」を保護しました: 名前を変えることがない ([移動=管理者のみ許可] (無期限)))
 
(3人の利用者による、間の5版が非表示)
13行目: 13行目:
}}
}}
</pre>
</pre>
</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="2" class="{{#ifeq: {{{current|1}}} | 2 | current-tab }}">{{{タブ2}}}</li> }}
</noinclude><includeonly><div class="tab-list"><ul>{{#if: {{{タブ1|}}}
{{#if: {{{タブ3|}}} | <li data-tab="3" class="{{#ifeq: {{{current|1}}} | 3 | current-tab }}">{{{タブ3}}}</li> }}
| <li data-tab="1" class="{{#ifeq: {{{current}}} | 1 | current-tab }}">{{{タブ1}}}</li> }}{{#if: {{{タブ2|}}}
{{#if: {{{タブ4|}}} | <li data-tab="4" class="{{#ifeq: {{{current|1}}} | 4 | current-tab }}">{{{タブ4}}}</li> }}
| <li data-tab="2" class="{{#ifeq: {{{current}}} | 2 | current-tab }}">{{{タブ2}}}</li> }}{{#if: {{{タブ3|}}}
{{#if: {{{タブ5|}}} | <li data-tab="5" class="{{#ifeq: {{{current|1}}} | 5 | current-tab }}">{{{タブ5}}}</li> }}
| <li data-tab="3" class="{{#ifeq: {{{current}}} | 3 | current-tab }}">{{{タブ3}}}</li> }}{{#if: {{{タブ4|}}}
{{#if: {{{タブ6|}}} | <li data-tab="6" class="{{#ifeq: {{{current|1}}} | 6 | current-tab }}">{{{タブ6}}}</li> }}
| <li data-tab="4" class="{{#ifeq: {{{current}}} | 4 | current-tab }}">{{{タブ4}}}</li> }}{{#if: {{{タブ5|}}}
{{#if: {{{タブ7|}}} | <li data-tab="7" class="{{#ifeq: {{{current|1}}} | 7 | current-tab }}">{{{タブ7}}}</li> }}
| <li data-tab="5" class="{{#ifeq: {{{current}}} | 5 | current-tab }}">{{{タブ5}}}</li> }}{{#if: {{{タブ6|}}}
{{#if: {{{タブ8|}}} | <li data-tab="8" class="{{#ifeq: {{{current|1}}} | 8 | current-tab }}">{{{タブ8}}}</li> }}
| <li data-tab="6" class="{{#ifeq: {{{current}}} | 6 | current-tab }}">{{{タブ6}}}</li> }}{{#if: {{{タブ7|}}}
</ul></div>
| <li data-tab="7" class="{{#ifeq: {{{current}}} | 7 | current-tab }}">{{{タブ7}}}</li> }}{{#if: {{{タブ8|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 1 || display:none; }}"><div>{{{内容1}}}</div></div>
| <li data-tab="8" class="{{#ifeq: {{{current}}} | 8 | current-tab }}">{{{タブ8}}}</li> }}{{#if: {{{タブ9|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 2 || display:none; }}"><div>{{{内容2}}}</div></div>
| <li data-tab="9" class="{{#ifeq: {{{current}}} | 9 | current-tab }}">{{{タブ9}}}</li> }}{{#if: {{{タブ10|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 3 || display:none; }}"><div>{{{内容3}}}</div></div>
| <li data-tab="10" class="{{#ifeq: {{{current}}} | 10 | current-tab }}">{{{タブ10}}}</li> }}{{#if: {{{タブ11|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 4 || display:none; }}"><div>{{{内容4}}}</div></div>
| <li data-tab="11" class="{{#ifeq: {{{current}}} | 11 | current-tab }}">{{{タブ11}}}</li> }}{{#if: {{{タブ12|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 5 || display:none; }}"><div>{{{内容5}}}</div></div>
| <li data-tab="12" class="{{#ifeq: {{{current}}} | 12 | current-tab }}">{{{タブ12}}}</li> }}{{#if: {{{タブ13|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 6 || display:none; }}"><div>{{{内容6}}}</div></div>
| <li data-tab="13" class="{{#ifeq: {{{current}}} | 13 | current-tab }}">{{{タブ13}}}</li> }}{{#if: {{{タブ14|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 7 || display:none; }}"><div>{{{内容7}}}</div></div>
| <li data-tab="14" class="{{#ifeq: {{{current}}} | 14 | current-tab }}">{{{タブ14}}}</li> }}{{#if: {{{タブ15|}}}
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 8 || display:none; }}"><div>{{{内容8}}}</div></div>
| <li data-tab="15" class="{{#ifeq: {{{current}}} | 15 | current-tab }}">{{{タブ15}}}</li> }}{{#if: {{{タブ16|}}}
</includeonly>
| <li data-tab="16" class="{{#ifeq: {{{current}}} | 16 | current-tab }}">{{{タブ16}}}</li> }}{{#if: {{{タブ17|}}}
| <li data-tab="17" class="{{#ifeq: {{{current}}} | 17 | current-tab }}">{{{タブ17}}}</li> }}{{#if: {{{タブ18|}}}
| <li data-tab="18" class="{{#ifeq: {{{current}}} | 18 | current-tab }}">{{{タブ18}}}</li> }}{{#if: {{{タブ19|}}}
| <li data-tab="19" class="{{#ifeq: {{{current}}} | 19 | current-tab }}">{{{タブ19}}}</li> }}{{#if: {{{タブ20|}}}
| <li data-tab="20" class="{{#ifeq: {{{current}}} | 20 | current-tab }}">{{{タブ20}}}</li> }}</ul></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}}} | 3 || display:none; }}"><div>{{{内容3|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 4 || display:none; }}"><div>{{{内容4|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 5 || display:none; }}"><div>{{{内容5|}}}</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}}} | 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>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 11 || display:none; }}"><div>{{{内容11|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 12 || display:none; }}"><div>{{{内容12|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 13 || display:none; }}"><div>{{{内容13|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 14 || display:none; }}"><div>{{{内容14|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 15 || display:none; }}"><div>{{{内容15|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 16 || display:none; }}"><div>{{{内容16|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 17 || display:none; }}"><div>{{{内容17|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 18 || display:none; }}"><div>{{{内容18|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 19 || display:none; }}"><div>{{{内容19|}}}</div></div>
<div class="tab-content" style="{{#ifeq: {{{current}}} | 20 || display:none; }}"><div>{{{内容20|}}}</div></div></includeonly>

2023年9月25日 (月) 00:38時点における最新版

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

使い方

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