Utilizing Show/Hide Interactions in Flex makes your experiences more engaging, revealing information at the right moment, reducing clutter, and keeping users focused on what matters most.
To create a Show/Hide Interaction in Flex:
Select the trigger asset, group, or section on the canvas or via the Layers Panel
Select Add interaction from the Contextual Toolbar, or navigate to the Modes toggle in the top-center of the Flex workspace and select the Animate mode
If you navigated to the Animate mode, select + in the "Interactions" section of the Actions Panel on the right side of the Flex workspace
Select Show/Hide
Customize the interaction behavior:
Trigger - how the interaction will trigger (Hover, Click)
Function - sets the visibility function of the interaction
Show - reveals the target
Hide - hides the target
Toggle - switches content between visible and hidden with subsequent triggers
Target - Once selected, you'll enter targeting mode, allowing you to choose the target of the interaction from the canvas or Layers Panel.
After customizing the interaction behavior, select Finish
Select Apply
Once applied, you can edit a Show/Hide Interaction on a trigger by selecting it in the Actions Panel while in Animate mode
All Show/Hide Interactions applied to an asset, group, or section can be viewed in the "Interactions" section of the Inspector Panel and removed by selecting "Remove interaction –" next to the interaction name.