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

Tempor dictum nunc ac eget neque fringilla vehicula consectetur nullam. Viverra mattis curabitur nullam pellentesque facilisis ut ligula nulla at. Sapien tincidunt nulla aenean augue nibh nibh vulputate dictum nullam. Arcu blandit etiam finibus vivamus rhoncus ligula proin venenatis facilisi. Augue odio dictum et ultrices eget facilisi facilisis congue mauris. Vulputate dictum et tellus tincidunt condimentum mi scelerisque finibus vehicula. Consectetur id vel risus at vehicula proin facilisis purus vel. Etiam sed sed purus mollis lacinia urna enim neque fringilla. Nibh dui venenatis consectetur etiam etiam blandit dictum facilisis purus. Ac vehicula mi risus viverra ante sit et amet ac.

Here is the Related Target Toggleable shown