「テンプレート:タブ」の版間の差分
ナビゲーションに移動
検索に移動
(タブを8まで追加) |
(無駄なp要素が生成されないようにする) |
||
| 13行目: | 13行目: | ||
}} | }} | ||
</pre> | </pre> | ||
</noinclude><includeonly><div class="tab-list"><ul> | </noinclude><includeonly><div class="tab-list"><ul>{{#if: {{{タブ1|}}} | ||
{{#if: {{{タブ1|}}} | <li data-tab="1" class="{{#ifeq: {{{current|1}}} | 1 | current-tab }}">{{{タブ1}}}</li> }} | | <li data-tab="1" class="{{#ifeq: {{{current|1}}} | 1 | current-tab }}">{{{タブ1}}}</li> }}{{#if: {{{タブ2|}}} | ||
{{#if: {{{タブ2|}}} | <li data-tab="2" class="{{#ifeq: {{{current|1}}} | 2 | current-tab }}">{{{タブ2}}}</li> }} | | <li data-tab="2" class="{{#ifeq: {{{current|1}}} | 2 | current-tab }}">{{{タブ2}}}</li> }}{{#if: {{{タブ3|}}} | ||
{{#if: {{{タブ3|}}} | <li data-tab="3" class="{{#ifeq: {{{current|1}}} | 3 | current-tab }}">{{{タブ3}}}</li> }} | | <li data-tab="3" class="{{#ifeq: {{{current|1}}} | 3 | current-tab }}">{{{タブ3}}}</li> }}{{#if: {{{タブ4|}}} | ||
{{#if: {{{タブ4|}}} | <li data-tab="4" class="{{#ifeq: {{{current|1}}} | 4 | current-tab }}">{{{タブ4}}}</li> }} | | <li data-tab="4" class="{{#ifeq: {{{current|1}}} | 4 | current-tab }}">{{{タブ4}}}</li> }}{{#if: {{{タブ5|}}} | ||
{{#if: {{{タブ5|}}} | <li data-tab="5" class="{{#ifeq: {{{current|1}}} | 5 | current-tab }}">{{{タブ5}}}</li> }} | | <li data-tab="5" class="{{#ifeq: {{{current|1}}} | 5 | current-tab }}">{{{タブ5}}}</li> }}{{#if: {{{タブ6|}}} | ||
{{#if: {{{タブ6|}}} | <li data-tab="6" class="{{#ifeq: {{{current|1}}} | 6 | current-tab }}">{{{タブ6}}}</li> }} | | <li data-tab="6" class="{{#ifeq: {{{current|1}}} | 6 | current-tab }}">{{{タブ6}}}</li> }}{{#if: {{{タブ7|}}} | ||
{{#if: {{{タブ7|}}} | <li data-tab="7" class="{{#ifeq: {{{current|1}}} | 7 | current-tab }}">{{{タブ7}}}</li> }} | | <li data-tab="7" class="{{#ifeq: {{{current|1}}} | 7 | current-tab }}">{{{タブ7}}}</li> }}{{#if: {{{タブ8|}}} | ||
{{#if: {{{タブ8|}}} | <li data-tab="8" class="{{#ifeq: {{{current|1}}} | 8 | current-tab }}">{{{タブ8}}}</li> }} | | <li data-tab="8" class="{{#ifeq: {{{current|1}}} | 8 | current-tab }}">{{{タブ8}}}</li> }}</ul></div> | ||
</ul></div> | |||
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 1 || display:none; }}"><div>{{{内容1}}}</div></div> | <div class="tab-content" style="{{#ifeq: {{{current|1}}} | 1 || display:none; }}"><div>{{{内容1}}}</div></div> | ||
<div class="tab-content" style="{{#ifeq: {{{current|1}}} | 2 || display:none; }}"><div>{{{内容2}}}</div></div> | <div class="tab-content" style="{{#ifeq: {{{current|1}}} | 2 || display:none; }}"><div>{{{内容2}}}</div></div> | ||
2014年4月20日 (日) 11:32時点における版
このテンプレートは、タブで表示を切り替える要素を作成します。
使い方
{{タブ
| current = 1
| タブ1 =
| 内容1 =
| タブ2 =
| 内容2 =
...
}}