Template:Spoiler

Forum Topic

Purpose & Usage

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

Template parameters

Parameter		Description	Type	Status
margin	margin	Sets Bootstrap left margin for indentation. Suggested values 2 3 4 Default 0 Example Valid values are integers 1-5	Number	optional
shown	shown	The instruction title Example Descriptive title like: "Steps to Perform Clean Install"	String	required
hidden	hidden	Expanded content Example Assorted content (list, paragraph, etc.)	Content	required

Examples

Code:

{{Spoiler|shown=Instructions|hidden=Hidden content}}

Result:

➕ [Click to show]➖ [Click to hide] Instructions

Hidden content

Code:

{{Spoiler|margin=2|shown=Indenting|hidden=Use this optional parameter for indenting spoilers, because wikitext cannot be used as such.}}
{{Spoiler|margin=3|shown=Practical Indentation Values|hidden=This site uses Boostrap for consistency, so the only valid values are 1-5. The only practical values are 2, 3, or 4.}}
{{Spoiler|margin=4|shown=Default Value|hidden=The default value is 0 (no indentation) if this optional parameter is omitted.}}

Result:

➕ [Click to show]➖ [Click to hide] Indenting

Use this optional parameter for indenting spoilers, because wikitext cannot be used as such.

➕ [Click to show]➖ [Click to hide] Practical Indentation Values

This site uses Boostrap for consistency, so the only valid values are 1-5. The only practical values are 2, 3, or 4.

➕ [Click to show]➖ [Click to hide] Default Value

The default value is 0 (no indentation) if this optional parameter is omitted.

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 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

• Incompatible with CSS extension

See Also

• Template:CollapsibleTable