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
id where:
 * 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 the name of the button (shown on the button itself). Default to "Show/Hide".
 * 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 where:
 * 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
 * is special output modes 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.

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