Toggle

One item

Link

What's up?

Two items

Hello!

Multiple toggles

Hello!

Multiple targets

What's up? Hello!

Custom class

What's up?

Animation

Animation

In/Out Animations

Animation

Queued

Animation

Mode Media

Only visibly @xl

Mode Hover

What's up?

JavaScript Options

Option Value Default Description
target CSS selector false The element(s) to toggle.
mode hover | click | media click Comma separated list of trigger behaviour modes.
media media false In media mode, the breakpoint that triggers the toggle.
cls String false The class that is being toggled. Defaults to the "hidden" attribute.
animation String false The space separated names of animations to use. (Comma separate for animation out)
duration Number 200 The animation duration.
queued Boolean true Toggle the targets successively.