How to collapse the section by half?

Hello!
Please, tell me how to make the green section fold halfway when you press the button and open when you click anywhere?

Section 4 - height 200px -> 100px.

Here is my site Read-Only: https://preview.webflow.com/preview/alexs-ultra-awesome-project-cc6631?preview=6cfd1b7c41d11ce7c82e961230d2874d

Have you tried using interactions? Create an on page load interaction for section 4 with an initial state as required. Then create an on mouse click interaction ( you will need a timed animation for click 1 and click 2). You can add this interaction to all of your sections.

If you want a nice 3d fold effect , I think you may want to enclose section 4 in another div and set a parent perspective on that… I will try an do a demo if you are sure you want this fold effect?

Hi @HammerOz

Thank you, I will accept any help.

I was answered @bro-design: https://youtu.be/ficARA0Jmh0
I remade, but not much is not so very difficult.

1 Like