Vev Help Center
Search…
Show/Hide
Allow an element's visibility to be controlled by the click of another element.
​

Configuration Options

Parameter
Type
Description
Show by default
Boolean
Sets the element to be visible or hidden by default when the page first loads.
Show Trigger
Widget
The name of another widget in the project, which when clicked shall cause the current element to become visible.
Hide Trigger
Widget
The name of another widget in the project,, which when clicked shall cause the current element to become hidden.
Enter Animation
Dropdown
The animation that the element will undergo when becoming visible.
Leave Animation
Dropdown
The animation the the element will undergo when becoming hidden.

Setting a Show Trigger

The show trigger is the element which will cause your current element to become visible (if it is currently hidden). If the element is already visible then nothing will happen. Under the list of showTriggers, click "Add Item" and enter the name of the show trigger. Multiple show triggers can be added for a single element.
Setting a show trigger so that clicking the orange "SHOW ELEMENT A" button will show element A.

Setting a Hide Trigger

The hide trigger is the element which will be assigned to remove your target element from the view, making it hidden (if it is currently visible). If the element is already hidden then nothing will happen. The element will be truly removed from the page's view (as opposed to being fully transparent). As a result, any click/interactivity events on the hidden element will be inaccessible as well. Moreover, since the element is removed from the view, any element placed behind it will now be accessible and clickable by the user's cursor. Under the list of hideTriggers, click "Add Item" and enter the name of the hide trigger. Multiple hide triggers can be added for a single element.
Setting a hide trigger so that clicking the green "SHOW ELEMENT B" button will hide element A.

Setting a Toggle Trigger

It is possible to make a single element responsible for both showing and hiding the target element. In other words, one element will toggle the visibility of the element. If the element is currently visible, clicking the toggle trigger will hide the element. If the element is currently hidden, clicking the same toggle trigger will show the element. Under the list of showTriggers, click "Add Item" and enter the name of the toggle trigger.Then, under the list of hideTriggers, click "Add Item" and enter the name of the toggle trigger here as well. Now, the toggle trigger will be responsible for switching the element between its visible and hidden states.
​
​
Last modified 7mo ago