Collapsible content

For certain situations, having collapsible content areas defined in an article or template may be useful for saving space or improving usability of information in long articles. These may be customized by using certain custom attributes, and combinations of class and id attributes.

You can copy the following templates to your wiki for easy creation of simple collapsible sections:
 * Collapse top
 * Collapse bottom

Both templates are required. Simply place Collapse top above the content to be collapsed, on its own line, and place Collapse bottom below the content, also on its own line.

Manual instructions
Adapted from Resource Loader Modules documentation:


 * Default toggle link: Add  to an element's   attribute with some content and save the page. The inner content of this element will be treated as collapsible content. Prepended to the element, before the collapsible content, is a toggle-link with a localized label (collapsible-expand, collapsible-collapse). To set the initial state to collapsed, add   to the   attribute.
 * Custom label (HTML5 only): Using the  and   attributes defines custom text for the toggle labels added by the script. This retains the default behavior of the script, but only changes the text used for the toggle links. Some browsers in common use may not support this feature.
 * Remote toggle: To completely replace the toggle link and explicitly define the content area to be collapsed (which may be different from where the toggle link is placed), add an  atribute with a value containing a   prefix for the collapsible element, and a corresponding   attribute with a   prefix for the toggle link.

Default toggle link
Input:

Output:

This is text is collapsible.

Custom Label
Input:

Output:

 This text is not hidden This text is all hidden

And is only shown

When it is uncollapsed.

Remote toggle
Input:

Output:

Toggle all Spoiler

Troll div in middle

Spoiler 1

¡HI! I am a spoiler Spoiler 2 ¡HI! I am a spoiler

Change text for other
Input:

Output:

Click here to toggle the element

Clicking will toggle it also!

Removing Brackets From Toggle
The following style rule may be added to the wiki's stylesheet to hide the brackets in the default or custom label toggle links:

Contenu repliable Daraltılabilir içerik 可折叠的内容