Toggle

One item

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`	String	click	Comma-separated list of trigger behaviour modes (hover, click, media).
`media`	Boolean, Number, String	false	Condition to trigger the toggle in media mode - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl) or any valid media query (e.g. (min-width: 900px)).
`cls`	String	false	The class that is being toggled. Defaults to the "hidden" attribute.
`animation`	String	false	Space-separated names of animations. Comma-separated for animation out.
`duration`	Number	200	The animation duration.
`queued`	Boolean	true	Toggle the targets successively.