Streaming live at 10am (PST)

Hidden Sections not working well

Hello.

I’m having trouble with hidden sections in my website.

When opening and closing they do not function right and they don’t look smooth.

Please access: https://preview.webflow.com/preview/ttf?preview=d61bbfd23cddd240f4ac9554a8ff3da1

To open press “Advice Grid” - Opens 2 sections and Search - Opens 1 section

How can I make function right?

Hi @VPUser

Try the following:

  • remove the “display none” from the interactions
  • just leave the height:0 to close and height:auto to open
  • your close "X"s need to have a display none on click, and display:block after you click on “Advice Grid”
  • Also, make another interaction called something like “height 0” and for the initial settings, have the height set to 0.
  • apply this new interaction to the advice content.

hope this makes sense. Good luck! :smile:

1 Like

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