Accordion Menu interaction, height overriding

Design help Animations & Interactions
1

Hey guys!

I’m making an accordion drop down for an encyclopedia page on our website - and for some reason, in the interactions when I set my content box size height to 0PX, it simply overrides and just stays on the page. Wondering where up the chain link this is overriding, I simply cannot figure it out… Thank you guys!

Screen Shot 2020-05-21 at 13.58.37
Screen Shot 2020-05-21 at 13.58.371097×623 82.3 KB

Here is my public share link: https://preview.webflow.com/preview/murmur?utm_medium=preview_link&utm_source=designer&utm_content=murmur&preview=a6f5d59659635daa94ee59a91691d35a&pageId=5ec5e105fe35e2be9fb03f17&mode=preview
(how to access public share link)

2

Hello :slight_smile:

Have you tried making the height of the div 0px, then in the interaction take the height from 0px to 100%?

3

Hi! Thanks for your reply. I actually just now figured it out… all I had to do was set the overflow to hidden on the div that I was changing the size on!

1 Like