# How to set up Hide interactivity in Genially

> We all know it Geniallys    interactivity    and    animation    are like something from a prestigious school of witchcraft and wizardry Dont think so Chec

Source: https://help.genially.com/en_us/how-to-set-up-hide-interactivity-in-genially-HydE2gOG0

Last updated: 2026-04-21T12:01:35.749Z

In this tutorial you’ll learn:

*   What Hide interactivity is used for
    
*   How to set up Hide interactivity
    

In Genially you can trigger Hide on click and Hide on hover. Learn [how to change the trigger](https://help.genially.com/en_us/how-to-trigger-interactions-on-hover-and-click-ry46CpKcg). 

## What is Hide interactivity for?

This interactivity makes one element disappear when you click on another, so you no longer have to find workarounds to achieve this effect in your creations! 

Best of all, you have complete control over how it disappears, hiding the information whenever you want, with just one click. What can you use it for? It’s the perfect kind of interactivity for gamification: hide clues, make elements disappear... 

Here’s a tip: Try it with [click animation](https://help.genial.ly/how-to-set-up-click-animations-in-genially-SyN5qPr3i) to achieve awesome effects. 

  

## How to set up Hide interactivity

Setting up this interactivity is easier than frying an egg. You just need to choose 2 elements that are visible on the same page. To make it easier, we’ll call them:

*   **Element A:** the element to which interactivity is applied and which must be clicked to hide **element B**.
    
*   **Element B:**  the element (or elements) which will remain visible until **element A** is clicked on.
    

Have you decided which two elements to try it with? Great! Now just follow these steps:

1.  Select **element A** and click on the interactivity icon above it to open the interactivity menu.
    
2.  In the interactivity menu, select the **Hide** option.
    
3.  On the canvas, click on **element B** and then on Save. 
    
4.  To add multiple element Bs, **click on the + button** and select the elements one by one. All the elements Bs will be hidden at the same time by clicking on element A.
    
5.  **Optional:** Activate the **Reveal when clicked again** option if you want element(s) B to appear again when element A is clicked on a second time.
    

All set!

<span class="fr-mk" style="display: none;">&nbsp;</span><span class="fr-mk" style="display: none;">&nbsp;</span><span class="fr-mk" style="display: none;">&nbsp;</span>

  

**TIP:** To modify the element B that you’ve selected, repeat the process and change the element you want to be hidden when you click.

Once applied, both elements will be joined by an arrow in the Editor, which indicates the flow or order in which they will appear.

We probably don't need to tell you, because you've probably figured it out by now, but this interactivity opens up a whole new world of possibilities to help you take your content to the next level.
