Interactions allow you to turn elements on your site into interactive features.

Triggers

• Click
• Mouse Enter
• Mouse Leave
• Scroll Into View
• Page Loaded
• Page Scrolled

Target

• This Element – Set the Target for the Trigger to be the current element.
• CSS Selector – Set the Target for the Trigger to be the defined CSS Selector.

Actions

After selecting a Trigger, you’ll want to set the Action

• Show Element
• Hide Element
• Add Class
• Remove Class
• Toggle Class
• Set Variable
• Set Attribute
• Remove Attribute
• Scroll To
• Javascript Function

Video: Deep Dive Into Interactions