2,524 bytes added ,  12:55, 27 February 2010
m
New page: <!-- 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 [[Medi...
<!-- 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
}}

|}