Template:Collapsible Section/doc

Collapsible Section and Collapsible Section Button are templates used to easily create collapsible sections and buttons used to show/hide a portion of content.

Collapsible Section Button
1/name/text where:
 * or or  is the name of the button (shown on the button itself). Default to "Show/Hide".
 * and through  are the ids of the collapsed section that the button should trigger. (The ids should be meaningful names representing the collapsible sections.)
 * is the additional classes for the button, for example "full-width-button". Optional.
 * is whether the button should be small or normal. If any input is provided, the button will be small. Leave blank for normal.

Collapsible Section
1/text where:
 * or is the content inside the collapsible section.
 * is the id of the collapsible section. (The id should be a meaningful name representing the collapsible section.)
 * is the additional classes for the button. Optional.
 * (optional - default: collapsed) is whether or not the content should be collapsed automatically. Possible inputs are:  or
 * (optional) is to specify a special output mode to output part of the template. begin mode only outputs the beginning div for the section. end mode only outputs the ending div for the section. attr mode only outputs attributes to collapse a section. This is useful when collapsing a row.

Example 1

 * Produces

Example 2: Using begin-end

 * Produces

Example 3: Full-width Button
Full-width button provides the advantage of extending the button to full width, and adding extra margin below the button to separate it from the content below.


 * Produces