Click to Show/Hide freezes for a few milliseconds

Here is my site - https://webflow.com/design/chiptrips?preview=794760b4dfc430ca4cc8d2265675a277

Following show/hide tutorial - http://tutorials.webflow.com/click-to-show-hide

Click “Refer a Friend” to show/hide hidden section.

However you’ll notice that my transition is not 100% fluid. It pauses a few milliseconds before the section is hidden.

Any ideas how to fix that?

Cheers,
Damon

1 Like

Hi @Damon_Daisley_Wilson, thanks for your post. I think that the issue is, that you have a padding set on the Refer a Friend div, and while you have the height set to change to 0px on that element, the leftover padding height is not adjusted, resulting in a total of 10px momentary being displayed, before the whole Refer a Friend element is changed to display:none in the interaction.

You can try to remove the padding on the Refer a Friend element as shown in the screenshot reference:

I hope this helps, try that and see how it goes. Cheers, Dave

1 Like

Yep that worked. Thanks!

Post must be 30 characters.