Difference between revisions of "Template:Hidden"
| Line 6: | Line 6: | ||
{{{contentcss|{{{contentstyle|}}}}}}"> | {{{contentcss|{{{contentstyle|}}}}}}"> | ||
{{{content|{{{contents|{{{2}}}}}}}}} | {{{content|{{{contents|{{{2}}}}}}}}} | ||
| − | </div></div>{{#if:{{{bg1|}}}{{{bg2|}}}{{{ta1|}}}{{{ta2|}}}{{{fw1|}}}{{{fw2|}}} | + | </div></div>{{#if:{{{bg1|}}}{{{bg2|}}}{{{ta1|}}}{{{ta2|}}}{{{fw1|}}}{{{fw2|}}}}}<noinclude> |
{{Template:Hidden/doc}} | {{Template:Hidden/doc}} | ||
</noinclude> | </noinclude> | ||
Revision as of 12:56, 27 February 2010
{{{2}}}
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 {{{1}}}
- content
- text for content (or body); alternative to using unnamed parameter {{{2}}}
Optional parameters
- style
- add CSS to the main div.
- headerstyle
- add CSS to the header.
- contentstyle
- add CSS to the content box.
Note: This template will not respect the user preference "justify paragraphs".
Examples
The simplest
In this example only the two required parameters are specified.
| Code | {{hidden|Title text here|Body text line 1<br/>Body text line 2}}
|
| Result | Title text here
Body text line 1 |
Header background
| Code | {{hidden|Title text here|Body text line 1<br/>Body text line 2|headerstyle=background:#ccccff|bodystyle=text-align:center}}
|
| Result | Title text here
Body text line 1 |
CSS
| Code |
{{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
}}
|
| Result |
Title text here
Body text line 1 |