Streaming live at 10am (PST)

Interactions: Sections not closing and opening like they should


#1

Dear all,

I'm picking up on the following post: http://forum.webflow.com/t/hidden-sections-not-working-well/13838 which is deactivated.

My page has two sections you can close by pressing the "X" and reopen them both by clicking in "Advice Grid" at the navbar:

If I have only one section it goes smoothly on the close and opening but if I have two normally the text on the top one doesn't follow the section and stays in front of the text of the bottom one. See by yourselfs: http://ttf.webflow.io/

Can you give a little help? Here's thee share link: https://preview.webflow.com/preview/ttf?preview=d61bbfd23cddd240f4ac9554a8ff3da1

Thank you.


#2

You are making your text disappear by altering the size of its parent container. In order to have this to work, you have to give this containers the property overflow:hidden so that elements that goes outside of them are actually masked.

https://v.usetapes.com/ZKchwD3Ocp

PS great screenshots with bending dashed arrows and labels! Makes it so easy to understand...


#3

Thank you @vincent it worked.

It was great you used tapes to show what you described. Visual explanations and instructions are always better,

Cheers


#4

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