General > Configuration >

Set style class

The default style class used to find collapsible elements is collapsible. This can be changed by configuring the extension.

Examples

For these examples the extension is configured to use the className: myCustomClass.

Given the spec reads like this:

<div id="id" class="myCustomClass">This should be collapsible.</div>

When run the output is enhanced with the needed code for the collapse feature:

<div class="toggleContainer">
    <a href="javascript:Collapsible.collapseExpand('id');">Expand / Collapse</a>
    <div id="id" class="myCustomClass" collapsed-height="1.5" collapsed-height-unit="em" style="height: 1.5em;">This should be collapsible.</div>
</div>

Given spec reads like this:

<div id="id" class="collapsible">This should not be collapsible.</div>

When run it stays untouched:

<div id="id" class="collapsible">This should not be collapsible.</div>