Template:Spoiler: Difference between revisions

From Step Mods | Change The Game
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">&#10133; [Click to show]</span><span class="down small">&#10134; [Click to hide]</span> <span class=stepTitle>{{{shown}}}</span><!--
     --><div class="mw-collapsible-toggle"><span class="up small">&#10133; [Click to show]</span><span class="down small">&#10134; [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

Forum Topic

Purpose & Usage[edit source]

This allows a title to be clicked like a spoiler to show expandedhidden content beneath the title.

Template parameters

ParameterDescriptionTypeStatus
shownshown

The instruction title

Example
Descriptive title like: "Steps to Perform Clean Install"
Stringrequired
hiddenhidden

Expanded content

Example
Assorted content (list, paragraph, etc.)
Contentrequired

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
  1. Beginning with a list now works.
    • You can nest different types of lists.
      It Just Works!

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]