Streaming live at 10am (PST)

Dropdown. Force it to remain open!


#1

Hi.
I got a lot of menu dropdown functions on my site. They are used to display texts and technical specs (like a normal hide/show function). The problem is that if I klick anywhere outside the dropdown it automatically collapses.

That makes it very hard to use. I know that I can create a Interaction to hide/show a div on click. The problem is that when I got 20 dropdown on a page, to give all divs a separate ID, and create a separate Interaction its just gets very messy and time consuming.

I like the dropdown function. Is there a small custom code I can embed to force the dropdown to stay open until I click on the actual dropdown...

thanks


#2

Hi, @hackspetten

Could you please update your post with some more information so we can help you faster? Things like your read-only link & screenshots really help us to help you faster :slightly_smiling:

How to share a read-only link:
http://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link

Thanks in advance! :slightly_smiling:

Cheers,
Anna


#3

Hi.
Here are some screenshots. Im not allowed to share any links or picture of the actually webpage.



#4

Its just a basic dropdown straight from the Webflow system.

But natively the dropdown always close if you click anywhere outside the dropdown. I would it to stay open until the second click on the dropdown. Any ideas?

Thanks for looking.


#5

If you create a show hide interaction for a div and nest the button and div inside a wrapper you can create one interaction for all of them and just limit it to siblings. This is how I have done modals using the cms where they are all generated automatically.

Modals may also be a way for you to display this type of content depending on your needs.


#6

Perfect solution. Thanks. case closed.


#7

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