Template:Hidden end
Appearance
![]() | 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 implementing them. |
Collapsible templates | ||||
---|---|---|---|---|
| ||||
Article namespace | ||||
| ||||
Infoboxes | ||||
Navigation templates | ||||
Talk namespace | ||||
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
{{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}}
title with non-breaking spaces
- def ... these should have left padding
- ghi
See also
- {{Hidden}}