I have a hero section on my website that contains a button that when clicked, starts an interaction called ‘RevealHiddenHeroForm’.
The form is inside a div that is set to display:none and pushed off screen. When clicked, it animates in and sets a display of block.
This works fine, my issue is trying to get the form to not display when the user clicks an image inside the container. I have an image sitting on the top right of the container. I’ll eventually replace it with an image of an ‘X’
Its interaction is called ‘closeHeroForm’ and when clicked it pushes the div back to its origin and sets the display to none. The problem is, its just not doing anything. At all. I’m not really sure what my issue is.