Same issue with Hide and Show

[Compass (Kelly)]

Hi Dave,

I watched your video trying to help Darren (who describes the same issue I’m having), and while it improved things, it still didn’t make my hide and show completely smooth. Can you please help?

By the way, I don’t want red text, but I changed the color so you can see what I (and Darren) meant by the text lags behind. So it’s two issues here - 1) the text lag and 2) the fact that the transition isn’t smooth.

And actually, while we’re on this topic, I’d really love the div block with “case studies blerb” to be below the button, and the hidden text below that. When I move it, I can’t get it in the right position…

Thank you!!!
-Kelly

https://preview.webflow.com/preview/compasslifescience?preview=b68e94a7b40b6b1bbb0cc43f1a6d1d99

(In case this isn’t linked to the original thread, I was reading here http://forum.webflow.com/t/click-to-show-hide-content-issue/12172)

[PixelGeek (Nelson)]

Sorry for the delayed response.

Try this:

1. Set your overflow to hidden:

2. Add a fade out effect for a smoother animation

​Try these steps and let me know if you’re successful. I’ll be standing by for your response!

Cheers,
Nelson

[Compass (Kelly)]

Sorry - it’s been a busy month. I made the changes you noted above. Looks great.

Thank you!!!