Template:Hidden begin/doc

This is a documentation subpage for Template:Hidden begin.
It contains usage information, categories and other content that is not part of the original template page.

Syntax

{{Hidden begin
| expanded =  <!--"true", "on", yes", etc, otherwise omit-->
| showhide =  <!--"left", otherwise omit-->
| border = 
| style = 
| titlestyle = 
| title = 
| contentstyle = 
<!--Older, semi-deprecated parameters:-->
|header= |bg1= |bg2= |ta1= |ta2= |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).
border	CSS styling for border around entire area. Overridden by style (if used).
style	CSS styling affecting entire area (titlebar and hidden/hideable content). Overrides border if used.
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).
title	Text shown in titlebar.
contentstyle	CSS styling to apply to the hidden material (e.g. background and text-align, per titlestyle).

Examples

Example 1

{{Hidden begin |title=Default example}}
*def
*ghi
{{Hidden end}}

Default example

def
ghi

Example 2

{{Hidden begin
| titlestyle = background:pink;
| title = ''titlestyle'' is "background:pink;"
}}
*def
*ghi
{{Hidden end}}

titlestyle is "background:pink;"

def
ghi

Example 3

{{Hidden begin
| titlestyle = background:pink; text-align:center;
| title = added "text-align:center;"
}}
*def
*ghi
{{Hidden end}}

added "text-align:center;"

def
ghi

Example 4

{{Hidden begin
| titlestyle = background:pink; text-align:right; padding-right:3.0em;
| title = ''title'' on right with 3.0em padding
}}
*change window width and
*watch title alignment
{{Hidden end}}

title on right with 3.0em padding

change window width and
watch title alignment

Example 5

{{Hidden begin |showhide=left
| titlestyle = background:palegreen;
| title = ''showhide'' set to "left"
}}
*def
*ghi
{{Hidden end}}

showhide set to "left"

def
ghi

Example 6

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

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

def
ghi

Example 7

{{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
| bg2 = cyan
| ta1 = left
| ta2 = center
| extra1 = font-size:120%
| extra2 = font-size:150%
}}
*make window narrower and
*title will wrap
{{Hidden end}}

[header (deprecated)][title set to this text]

make window narrower and
title will wrap

Example 8

{{Hidden begin
| titlestyle = 
| title = title&nbsp;with&nbsp;non-breaking&nbsp;spaces&nbsp;
| border = 1px solid red
| bg1 = cyan
| bg2 = yellow
| ta1 = right
| ta2 = left
| extra1 = font-size:120%; padding-right:2.5em;
| extra2 = font-size:150%; padding-left:3.0em;
}}
*def ... these should have left padding
*ghi
{{Hidden end}}

title with non-breaking spaces

def ... these should have left padding
ghi