Element Actions

Click Action

Clicks the tagged elemet when the Event fires.

wfu-action-click = ( event name )

Notes

Distinguish touch?

Scroll To Action

Scroll To the specified element

IMPORTANT Use only one of these per Event .

Visibility ( Hide, Show, & Toggle ) Actions

UNDER SPECIFICATION.

e.g. wfu-action-show = ( event name )

wfu-action-display-hide	Hide the item	Adds style=display: none;
wfu-action-display-show	Show the item	Adds style=display: block;
wfu-action-display-toggle	Toggles the item visibility state
wfu-action-display-revert	Revert the item display state	Removes the display style on the element directly

Works by using `display attributes. Do not use it on elements that are targeted by Webflow interactions as they also use style.

Consider how to handle block, flex, grid

Use only on an element with display: block. If you are using e.g. flex or grid, use display:

wfu-action-unhide

Future

• Transitions like fade-in / fade-out ?

• Separate visibility?

  • Or just rely on class adder