Template:Show
Jump to navigation
Jump to search
Expand
Header
Template documentationThis template is for use when you wish to minimise information to be expanded at the user's discretion. Use sparingly, it does not work on mobile.
Usage
Unnamed parameters
{{show
|Header!
|Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
}}
Output:
Expand
Header!
Numbered parameters
{{show
|1=Header!
|2=Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
}}
Output:
Expand
Header!
Alignment parameters
The horizontal alignment of the header text and content text can be manipulated using the parameters |head-align= and |content-align=. Valid options are left (default), center, or right. Do not use quotes (i.e. not "center") or the color of the header may change. Also, while |head-align=right is possible, it causes the header to overlap with the [show] button.
{{show
|head-align = center
|content-align = right
|1 = Header!
|2 = Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
}}
Output:
Expand
Header!
Style parameters
The default CSS styling may be changed using the parameters |frame-style=, |head-style=, and |content-style=.
{{show
|frame-style = border: 1px solid silver; padding: 0.3em;
|head-style = background-color: #AADDAA; text-align: center;
|content-style = background-color: #CCFFCC; text-align: right;
|1 = Header!
|2 = Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
}}
Output:
Expand
Header!
Usage in a table
{| class="wikitable" width=300px
|-
|
{{show
|Header!
|Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.}}
|}
...Yields this:
|
Expand
Header! |