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".
 * is the id of the button. This field is required. The id should resemble the content hidden.
 * 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 you want to be hidden.
 * is the id of the button. This field is required. The id should resemble the content hidden.
 * 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