Streaming live at 10am (PST)

Problem with Click to Show/Hide


#1

Trying to create click to Show/Hide effect on my site -

https://preview.webflow.com/preview/chiptrips?preview=794760b4dfc430ca4cc8d2265675a277

I followed the instructions outlined in the tutorial however the interaction on my site does not work the same way.

The content within the "Refer a Friend" class instantly appears on click rather appearing in the slide down effect like the section background does. I want all content in the class to appear in transition just like the tutorial video.

I cannot figure out why. Any help would be much appreciated.

Thanks!
Damon


#2

Select your "Refer a friend" section and do this:

Without this, the masking effect can't be achieved as the content of the section is displayed at all time.


#3

Thanks Vincent! This worked perfectly.


#4