ALF Triggers and Switches

Trigger (for now, checkbox only)

A trigger is a checkbox with data-alf-trigger="id", that shows/hides an associated element with that same id as data-alf-target. It's advisable to have a plain unstyled div as the target, and include HTML inside (otherwise some jerky movement might occur at the end of the content slide).

Here's an example:

This is the trigger, with data-alf-trigger="trigger-demo"

Swap (for now, checkbox only)

A swap is like a trigger, but it toggles between two elements. The attributes here are data-alf-swap for the trigger, data-alf-swap-on and data-alf-swap-off for the targets, all of them with the same id.

Here's an example:

This is the trigger, with data-alf-swap="swap-demo"