Streaming live at 10am (PST)

Hidden Sections not working well


#1

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?


Interactions: Sections not closing and opening like they should
#2

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


#3

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