Template:Hidden end/doc

Do not use this template to hide content in articles. This violates the WP:Manual of Style § Scrolling lists and collapsible content and WP:Accessibility guidelines. This template is intended for use in pages in namespaces other than the article namespace.

Note: This template does not hide anything for mobile users (phab:T111565).

Syntax

{{Hidden begin
| expanded = <!--"true", "on", yes", etc, otherwise omit-->
| showhide = <!--"left", otherwise omit-->
| class = 
| style = 
| border =
| title = 
| titlestyle = 
| bg1 = 
| ta1 = 
| contentstyle = 
| bg2 = 
| ta2 = 
<!--Older, semi-deprecated parameters:-->
| header = | extra1 = | extra2 = 
}}
<!----[content to be hidden placed here]---->
{{Hidden end}}

Parameters

Parameter	Description
showhide	Set to "left" (without speechmarks) to switch the [show/hide] link's position from the righthand end of the titlebar (default) to the left.
expanded	Set to anything ("true", "yes", etc.) to switch the hidden section's initial state from collapsed (hidden) to expanded (visible).
class	Class attribute affecting entire area.
style	CSS styling affecting entire area (titlebar and hidden/hideable content).
border	CSS styling for border around entire area. Will be overridden by any border styles in style.
title	Text shown in titlebar.
titlestyle	CSS styles to apply to the titlebar (e.g. |titlestyle=border:1px solid lightgrey; to produce a border around it; |titlestyle=background:color; to set its background color to color ; |titlestyle=text-align:[center/right]; to switch its text (title)'s alignment from left to center or right; etc.).
bg1	Background color for titlebar; defaults to transparent. May be overridden if titlestyle includes anything that changes the background.
ta1	Text alignment for titlebar; defaults to left. May be overridden if titlestyle includes anything that changes the text alignment.
contentstyle	CSS styling to apply to the hidden/hideable content (e.g. background and text-align, per titlestyle).
bg2	Background color for content; defaults to transparent. May be overridden if contentstyle includes anything changes the background.
ta2	Text alignment for content; defaults to left. May be overridden if contentstyle includes anything that changes the text alignment.
width	Change the width from the default 100% to another setting, for example 75%

Examples

Example 1

<syntaxhighlight lang="moin" style="overflow:auto;">

Expand

Default example

* def
* ghi

</syntaxhighlight>

Expand

Default example

• def
• ghi

Example 2

<syntaxhighlight lang="moin" style="overflow:auto;">

Expand

width example

* def
* ghi

</syntaxhighlight>

Expand

Width example

• def
• ghi

Example 3

<syntaxhighlight lang="moin" style="overflow:auto;">

Expand

titlestyle is "background:pink;"

* def
* ghi

</syntaxhighlight>

Expand

titlestyle is "background:pink;"

• def
• ghi

Example 4

<syntaxhighlight lang="moin" style="overflow:auto;">

Expand

added "ta1=center"

* def
* ghi

</syntaxhighlight>

Expand

added "ta1=center"

• def
• ghi

Example 5

<syntaxhighlight lang="moin" style="overflow:auto;">

Expand

title on right with 3.0em padding

* change window width and
* watch title alignment

</syntaxhighlight>

Expand

title on right with 3.0em padding

• change window width and
• watch title alignment

Example 6

<syntaxhighlight lang="moin" style="overflow:auto;">

Collapse

showhide set to "left" and expanded set to "true"

* def
* ghi

</syntaxhighlight>

Collapse

showhide set to "left" and expanded set to "true"

• def
• ghi

Example 7

{{Hidden begin |showhide=left
| titlestyle = background:palegreen;
| title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'')
| contentstyle = font-size:150%; font-weight:bold;
}}
* def
* ghi
{{Hidden end}}

Expand

showhide=left, hidden content 150% size and in bold (contentstyle)

• def
• ghi

Example 8

{{Hidden begin
| header = [''header'' (deprecated)]
| titlestyle = font-style:italic; padding-right:3.0em;
| title = [''title'' set to this text]
| border = 1px solid grey
| bg1 = palegreen
| ta1 = right
| extra1 = font-size:120%; <!--semicolon required since titlestyle is used-->
| extra2 = font-size:150% <!--semicolon optional when contentstyle not used-->
}}
* make window narrower and
* title will wrap
{{Hidden end}}

Expand

[title set to this text]

• make window narrower and
• title will wrap

Example 9

<syntaxhighlight lang="text" style="overflow:auto;">

Expand

title with non-breaking spaces 

• def ... these should have left padding
• ghi

</syntaxhighlight>

Expand

title with non-breaking spaces 

• def ... these should have left padding
• ghi

See also

• {{Hidden}}