Dropdown not smoothly opening

Hey,

I’ve searched through the forums and can’t find an answer for what I’m looking for. If someone could help that would be great. I’m trying to create a drop down text box like you see on this Google support page - Browse in private - Computer - Google Chrome Help

As you can see, when you click on one of the dropdowns, it smoothly pushes the other dropdown boxes beneath it and reveals the hidden content.

https://www.evernote.com/l/AKfLzFnPvw1LXKaACgUCZ9wcRUWgj3UJBPMB/image.png

Right now, when you click on mine, it reveals the hidden content but without the smooth transition. I do have a transition in place, I can’t figure out how to make it smooth.

https://www.evernote.com/l/AKc4QHfiCilJA6MIIL1R9idYOGzRDmcFDE0B/image.png

Here’s my public link:

https://preview.webflow.com/preview/we-rate-the-best?preview=1eb30c36108cfa1703306c7e860a7d7d

If you scroll to the bottom of the post page, you will see the areas I’m referring too.

https://www.evernote.com/l/AKe87KHhz9NHubPeLi8LVhnIuqL4dcir_VsB/image.png

Thanks!
Andrew

This post may help:

Looks like that will do the trick, thank you :slight_smile:

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