Template:Switchable: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
m (Text replacement - "]] </noinclude>" to "]]</noinclude>")
No edit summary
Line 1: Line 1:
<div class="switchable">
<div class="switchable tabs{{{align|left}}}">
<div class="switch" data-switchable-title="{{{1}}}">
<div class="switch" data-switchable-title="{{{1}}}">
{{{2}}}
{{{2}}}
Line 39: Line 39:
! 6, 8, 10
! 6, 8, 10
| No ||  || Content 3 to 5 || Content of the third to fifth "boxes".
| No ||  || Content 3 to 5 || Content of the third to fifth "boxes".
|-
! align
| No || left || Tab alignment || Whether to align the tabs <code>left</code> (default), <code>right</code>, or <code>center</code>.
|-
|-
! showall
! showall

Revision as of 11:19, July 16, 2024

{{{2}}}

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 left Tab alignment Whether to align the tabs left (default), right, or center.
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> | showall=<show all>}}

Examples

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

Red Pikmin

{{switchable|Red|Red Onion|Yellow|Yellow Onion|Blue|Blue Onion}}

Red Onion