This template is used on approximately 169,000 pages. To avoid major disruption and server load, any changes should be tested in the template's /sandbox or /testcases subpages, or in your own user subpage. The tested changes can be added to this page in a single edit. Consider discussing changes on the talk page before changing this template.
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
((Hidden begin |title=Default example))
* def
* ghi
((Hidden end))
Default example
def
ghi
Example 2
((Hidden begin |title=width example |width=40%))
* def
* ghi
((Hidden end))
Width example
def
ghi
Example 3
((Hidden begin
| titlestyle = background:pink;
| title = ''titlestyle'' is "background:pink;"
))
* def
* ghi
((Hidden end))
titlestyle is "background:pink;"
def
ghi
Example 4
((Hidden begin
| titlestyle = background:pink;
| title = added "ta1=center"
| ta1 = center
))
* def
* ghi
((Hidden end))
added "ta1=center"
def
ghi
Example 5
((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 6
((Hidden begin |showhide=left |expanded=true
| titlestyle = background:palegreen;
| title = ''showhide'' set to "left" and ''expanded'' set to "true"
))
* def
* ghi
((Hidden end))
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))
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))
[title set to this text]
make window narrower and
title will wrap
Example 9
((Hidden begin
| titlestyle =
| title = title with non-breaking spaces
| 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))