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