Toggler documentation

Toggler toggles the visibility of an element when a link is activated. This can be used to show or hide areas of a page.

Example

Click this link or or

Here is some more text.
<p><a class="toggler targetEl-togglermore" href="#">Click this link</a> or <label>Select this checkbox <input type="checkbox" class="toggler targetEl-togglermore" /></label> or <input type="button" class="toggler targetEl-togglermore" value="click this button" /></p>
<div id="togglermore" class="hider">Here is some more text.</div>

Settings

Valid elements

a elements (links), <input type="checkbox"> elements (checkboxes) or <input type="button"> elements (buttons)

Classname

toggler

Attributes

None

CSS parameters (what's this?)

targetEl (required)
Must be set as the id of the element you wish to toggle.
delay (optional, default = 0)
Sets the number of seconds delay before the target element visibility is toggled