Template:Hidden/doc

< Template:Hidden

This template creates a dynamic navigation box using style sheet declarations in MediaWiki:Common.css and Javascript code in MediaWiki:Common.js. It displays the first parameter (the heading) with a [show] link on the right. If [show] is clicked by the user, the second parameter (the body) is displayed below the heading and the [show] link becomes [hide]. Clicking on [hide] then hides the body again and the [hide] link becomes [show] again.

Usage

Example with unnamed parameters

{{hidden|Title text here|Body text line 1<br/>Body text line 2}}

Example with mix of named & unnamed parameters

{{hidden|Title text here|Body text line 1<br/>Body text line 2|bg1=#ccccff|ta2=center}}

Example with named parameters & CSS

{{hidden
| headercss = background: #ccccff; font-size: 110%; width: 50%;
| contentcss = text-align: center; font-size: 110%; width: 50%;
| header = Title text here
| content = Body text line 1<br/>
Body text line 2<br/>
Body text line 3
}}

Parameters

header
text for header (or title); alternative to using unnamed parameter {{{1}}}
content
text for content (or body); alternative to using unnamed parameter {{{2}}}
headercss
add CSS to the header.
contentcss
add CSS to the content box.
fw1
the font-weight for the heading (default "bold")
fw2
the font-weight for the body (default "normal")
bg1
the background-color for the heading (default "transparent")
bg2
the background-color for the body (default "transparent")
ta1
the text-align for the heading (default "center")
ta2
the text-align for the body (default "left")


Note: This template will not respect the user preference "justify paragraphs".

Issues

With ta1=right or a long header the header overlaps the show/hide link (at least in some browsers):

Example with long header
Example with ta1=right
Example with ta1=right & first line blank