View source for Template:Hidden/doc

<!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE -->
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.

The template does '''not''' provide an argument to designate the initial state of the show/hide control.  In the nested case, show/hide controls in hidden content retain their state.  There is no facility for ''collapse all'' or ''reveal all''.  

==Usage==
Only two parameters are required for this template:
;header : text for header (or title); alternative to using unnamed parameter <nowiki>{{{1}}}</nowiki>
;content : text for content (or body); alternative to using unnamed parameter <nowiki>{{{2}}}</nowiki>

===Optional parameters===

;style : add CSS to the main div.
;headerstyle : add CSS to the header.
;contentstyle : add CSS to the content box.

<br/>'''Note:''' This template will not respect the user preference "justify paragraphs".

==Examples==
===The simplest===
In this example only the two required parameters are specified.
{| class="wikitable"
| {{rh}} | Code
| <pre>{{hidden|Title text here|Body text line 1<br/>Body text line 2}}</pre>
|-
| {{rh}} | Result
| {{hidden|Title text here|Body text line 1<br/>Body text line 2}}
|}

===Header background===
{| class="wikitable"
| {{rh}} | Code
| <pre>{{hidden|Title text here|Body text line 1<br/>Body text line 2|headerstyle=background:#ccccff|bodystyle=text-align:center}}</pre>
|-
| {{rh}} | Result
| {{hidden|Title text here|Body text line 1<br/>Body text line 2|headerstyle=background:#ccccff|bodystyle=text-align:center}}
|}


===CSS===
{| class="wikitable"
| {{rh}} | Code
| 
<pre>
{{hidden
| style = border:1px dashed red; width: 50%;
| headerstyle = background: #ccccff; font-size: 110%;
| contentstyle = text-align: center; color:green;
| header = Title text here
| content = Body text line 1<br />Body text line 2<br />Body text line 3
}}</pre>
|-
| {{rh}} | Result
| 
{{hidden
| style = border:1px dashed red; width: 50%;
| headerstyle = background: #ccccff; font-size: 110%;
| contentstyle = text-align: center; color:green;
| header = Title text here
| content = Body text line 1<br />Body text line 2<br />Body text line 3
}}

|}