Template:Spoiler: Difference between revisions
From Step Mods | Change The Game
TechAngel85 (talk | contribs) mNo edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
<includeonly><!-- | <includeonly><!-- | ||
--><div id="collapse-pre-one" class="mw-collapsible mw-collapsed spoiler"><!-- | --><div id="collapse-pre-one" class="mw-collapsible mw-collapsed spoiler ml-{{{margin}}}"><!-- | ||
SPOILER TOGGLE | SPOILER TOGGLE | ||
--><div class="mw-collapsible-toggle"><span class="up small">➕ [Click to show]</span><span class="down small">➖ [Click to hide]</span> <span class=stepTitle>{{{shown}}}</span><!-- | --><div class="mw-collapsible-toggle"><span class="up small">➕ [Click to show]</span><span class="down small">➖ [Click to hide]</span> <span class=stepTitle>{{{shown}}}</span><!-- | ||
Line 35: | Line 35: | ||
'''Result:''' | '''Result:''' | ||
{{Spoiler|shown=Instructions|hidden=Hidden content}} | {{Spoiler|margin=5|shown=Instructions|hidden=Hidden content}} | ||
'''Code:''' | '''Code:''' |
Revision as of 04:48, January 14, 2024
Purpose & Usage[edit source]
This allows a title to be clicked like a spoiler to show expandedhidden content beneath the title.
Parameter | Description | Type | Status | |
---|---|---|---|---|
shown | shown | The instruction title
| String | required |
hidden | hidden | Expanded content
| Content | required |
Examples[edit source]
Code:
{{Spoiler|shown=Instructions|hidden=Hidden content}}
Result:
➕ [Click to show]➖ [Click to hide] Instructions
Hidden content
Code:
{{Spoiler|shown=Procedure|hidden=# Beginning with a list now works. #*You can nest different types of lists. #*:It Just Works!}}
Result:
➕ [Click to show]➖ [Click to hide] Procedure
- Beginning with a list now works.
- You can nest different types of lists.
- It Just Works!
- You can nest different types of lists.
Code:
{{Spoiler|shown=A Process|hidden= ===Include a heading=== Headings now work on the first line with no extra things in front of it.}}
Result:
➕ [Click to show]➖ [Click to hide] A Process
Include a heading
Headings now work on the first line with no extra things in front of it.Known Issues[edit source]
- Incompatible with CSS extension
See Also[edit source]