Template:Hidden/doc

This template creates a dynamic navigation box using style sheet declarations in Common.css and Javascript code in 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.

Syntax


Parameters
Only two parameters are required for this template:
 * header : text for header (or title); alternative to using unnamed parameter
 * content : text for content (or body); alternative to using unnamed parameter

Optional

 * 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".

Basic
In this example only the two required parameters are specified.

Show/hide button overlap
With ta1=right or a long header, the header may overlap the show/hide button:

" " gives ""
 * Possible workaround is to add "padding-right:3em;" to the headercss parameter:

Example with long header

" " gives ""
 * Above example with workaround:

Sections
Sections included inside a hidden block result in broken anchors in the table of contents at the top of the page.