Animations are way off with Show/Hide content

Design help General
1

Hey guys,

I’ve followed the guide to show/hide a section on my site. The show/hide part actually works ok, but there’s no animation. I’ve set transition to ease and 1000ms but this doesn’t really change anything.

I finally learned that I needed to change overflow to hidden, and this worked for the ‘Show’ animation but the ‘Hide’ animation is still immediate… Anyone have an answer?

https://preview.webflow.com/preview/leegriffithsphotography?preview=9394ca3adb706d535652ca8ad2f4f4dc

It’s on the ‘Weddings’ page.

3

Because you didn’t se the height of the block to zero px in the onload interaction, so there is no “grow” to show. Add height ero px to the step where you pass the block to display none.

4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.