Toggleable

Click event

This is a toggleable. You can control it using the triggers below.

Triggers

Toggle

Show

Hide

Hover event

This is a toggleable. You can control it using the triggers below.

Triggers

Class toggle

Toggleable can be used to switch state. You can toggle it using the trigger below.

Triggers

Toggle type

Close On Body Click

This is a toggleable. You can close it if you click outside. Toggle inner toggleable

This is inner toggleable. You can also close it if you click outside.

Triggers

Toggle toggleable

Group of toggleables (click event)

Body class marker active

This is a toggleable. You can control it using the triggers below.

This is a toggleable. You can control it using the triggers below.

This is a toggleable. You can control it using the triggers below.

Triggers

Group of toggleables (hover event)

This is a toggleable. You can control it using the triggers below.

This is a toggleable. You can control it using the triggers below.

This is a toggleable. You can control it using the triggers below.

Triggers

Toggle 1

Toggle 2

Toggle 3

Example with Related Target

Show Hide

Here is the main Toggleable shown

Dictum venenatis mauris etiam augue curabitur arcu ante justo urna. Vulputate elit diam condimentum neque congue rhoncus ac placerat dui. Tincidunt lorem vel porta diam blandit lorem dolor diam curabitur. Finibus diam arcu pretium venenatis fringilla risus ac diam facilisis. Eu id lacinia eget nunc finibus vel justo placerat justo. Vulputate urna et purus diam amet purus vehicula aenean congue. Fringilla at curabitur consectetur vulputate suscipit laoreet ut finibus etiam. Purus proin dictum ut blandit eget facilisis finibus lacinia augue. Dolor mollis et aenean nulla eu neque curabitur condimentum pretium. Suscipit dictum urna arcu justo adipiscing facilisis congue condimentum pretium.

Here is the Related Target Toggleable shown