利用者:Adminkoyama100/sandbox

タブのデモ

FirstSecondTab 3

This tab has a defined name. It also has a style attribute set to style="border:1px solid black;".

This tab also has a defined name attribute, and its style attribute set to style="background:salmon;".

This tab has no attributes defined. Its name is automatically generated based on its position.

This is a seperate tab. It has a defined index attribute with value "1". This makes it also show when the first tab is selected.

This is a seperate tab. It has a defined name attribute, with a value equal to that of the second tab ("Second"). It therefore also shows when the second tab is opened.

---

This line of text will show for every tab you view. It is not placed within <tab> tags, and can be used as default content for the tab menu.

For example, this will not work:

{{{1|}}}{{{2|}}}

Foo

Bar

But this will work:

と言うが機能していないようだ。

Tab 1

Foo

表示非表示

Bar

Toggle box demos

Plain toggle box

Show codeHide code

<tab>This toggle box has no attributes assigned to it.</tab>

表示非表示

This toggle box has no attributes assigned to it.

Toggle box attributes

Show codeHide code

<tab collapsed openname="Toggle" style="font-weight:bold;width:500px;" container="font-style:italic;" title="Example tooltip">
This toggle box has the following attributes defined:
*<code>collapsed</code> - By default, it is closed.
*<code>openname="Toggle"</code> - The label will show "Toggle" when it can be clicked to open the box. Since no <code>closename</code> attribute is defined, it defaults to "Toggle" too.
*<code>style="font-weight:bold;width:500px;"</code> - The whole toggle box will be bold, and have a width of 500px.
*<code>container="font-style:italic;"</code> - Only the contents of the toggle box will be italic.
*<code>title="Example tooltip"</code> - The tooltip that shows when hovering over this tab is defined via the <code>title</code> attribute.
</tab>

ToggleToggle

This toggle box has the following attributes defined:

• collapsed - By default, it is closed.
• openname="Toggle" - The label will show "Toggle" when it can be clicked to open the box. Since no closename attribute is defined, it defaults to "Toggle" too.
• style="font-weight:bold;width:500px;" - The whole toggle box will be bold, and have a width of 500px.
• container="font-style:italic;" - Only the contents of the toggle box will be italic.
• title="Example tooltip" - The tooltip that shows when hovering over this tab is defined via the title attribute.

Inline toggle boxes

Show codeHide code

<tab inline collapsed openname="Show" closename="Hide">

Here is an example of an inline toggle box.

ShowHide

This togglebox is inline and collapsed

This toggle box has the attributes openname="Show" and closename="Hide" to change the default label text.