Template:Switchable: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
m (Text replacement - "]] </noinclude>" to "]]</noinclude>") |
||
| (4 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
<div class="switchable"> | <div class="switchable"> | ||
<div class="switch" title="{{{1}}}"> | <div class="switch" data-switchable-title="{{{1}}}"> | ||
{{{2}}} | {{{2}}} | ||
</div> | </div> | ||
<div class="switch" title="{{{3}}}" style="display: none;"> | <div class="switch" data-switchable-title="{{{3}}}" {{#if:{{{showall|}}}||style{{=}}"display: none;"}}> | ||
{{{4}}} | {{{4}}} | ||
</div> | </div> | ||
{{#if:{{{5|}}}|<div class="switch" title="{{{5}}}" style="display: none;"> | {{#if:{{{5|}}}|<div class="switch" data-switchable-title="{{{5}}}" {{#if:{{{showall|}}}||style{{=}}"display: none;"}}> | ||
{{{6}}} | {{{6}}} | ||
</div>}}{{#if:{{{7|}}}|<div class="switch" title="{{{7}}}" style="display: none;"> | </div>}}{{#if:{{{7|}}}|<div class="switch" data-switchable-title="{{{7}}}" {{#if:{{{showall|}}}||style{{=}}"display: none;"}}> | ||
{{{8}}} | {{{8}}} | ||
</div>}}{{#if:{{{9|}}}|<div class="switch" title="{{{9}}}" style="display: none;"> | </div>}}{{#if:{{{9|}}}|<div class="switch" data-switchable-title="{{{9}}}" {{#if:{{{showall|}}}||style{{=}}"display: none;"}}> | ||
{{{10}}} | {{{10}}} | ||
</div>}} | </div>}} | ||
| 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". | ||
|- | |||
! 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== | ==Skeleton== | ||
<pre> | <pre> | ||
{{switchable | <title 1> | <content 1> | <title 2> | <content 2> | <title 3> | <content 3> | <title 4> | <content 4> | <title 5> | <content 5> }} | {{switchable | <title 1> | <content 1> | <title 2> | <content 2> | <title 3> | <content 3> | <title 4> | <content 4> | <title 5> | <content 5> | showall=<show all>}} | ||
</pre> | </pre> | ||
| Line 57: | Line 60: | ||
|} | |} | ||
[[Category:Utility templates]] | [[Category:Utility templates]]</noinclude> | ||
</noinclude> | |||
Latest revision as of 02:17, August 30, 2019
{{{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". | |
| 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 |