Let bottom div move evenly to the bottom when top div section opens

Hello,

Okay so want I want is best to be seen in the first half of the Loom video I have just created. I need the div below my top div to be moved with, evenly, when the top div sections opens. I can create this when I put in a fixed px value, but that don’t work out well because each section has a different height of content. So I need it to be a % value: 100%. Right? But when I put in a % value the div below the top div just snaps to the bottom instead of evenly scrolling with it, when the top div opens.

Please take a look at the video and I hope someone can help me, because I can’t figure out how to do this. I also included a read-only link so you can check out the HTML and CSS.

Thank you so much already :slight_smile:

Loom video >


Here is my site Read-Only: LINK