Template:Switchable

{{{2}}}

{{{4}}}

Info

This template makes it easy to have content that can be switched by user-clicked buttons. Only the first "box" is shown, and all others are hidden, until they are clicked on.

Parameters

Parameter	Mandatory	Default	Purpose	Detailed description
1	Yes		Title 1	Title of the first "box" of content.
2	Yes		Content 1	Content of the first "box".
3	Yes		Title 2	Title of the second "box" of content.
4	Yes		Content 2	Content of the second "box".
5, 7, 9	No		Title 3 to 5	Title of the third to fifth "boxes" of content.
6, 8, 10	No		Content 3 to 5	Content of the third to fifth "boxes".
align	No	none	Tab alignment	Whether to align the tabs left, right, or center. By default, the tab text alignment will be inherited from its parent element.
float	No	none	Container float	Whether to float the tab container to the left or right. Used for placing content beside the tabs and box. By default, the tab container will not be floated.
width	No	auto	Container width	Set an optional width for the tab container. Can be useful for limiting the width of a floated container.
showall	No		Show all boxes	If this has a value, like "y", all boxes are shown by nature, but hidden when the script starts. This is useful for readers who do not have JavaScript running, as they can then see all boxes one right after the other (this is because the buttons need JavaScript to work).

Skeleton

{{switchable | <title 1> | <content 1> | <title 2> | <content 2> | <title 3> | <content 3> | <title 4> | <content 4> | <title 5> | <content 5> | align=<tab alignment> | float=<container float> | width=<container width> | showall=<show all>}}

Examples

Code	Result
{{switchable|Red|Red Pikmin|Yellow|Yellow Pikmin}}	Red Pikmin Yellow Pikmin
{{switchable|Red|Red Onion|Yellow|Yellow Onion|Blue|Blue Onion}}	Red Onion Yellow Onion Blue Onion