I want the opposite of what some people wants with the dropdown toggle.
I want it to not close until you either close it yourself, or chooses another dropdown.
I am using it to display content and not as a link to another page or such.
So it becomes a bit frustrating when you accidentally click somewhere outside and the thing you’re watching/reading disappears.
The interaction itself is quite easy, but the one thing you need to change on your end is giving your “Dropdown List” the same class across the board. This allows you to target all of the classes at once and apply the interaction to all of them. (See the image above to see what I’m referring to.)
That’s why I changed the class of “Dropdown List 2” to match the class of all the other Drop Down Lists in the beginning of the video.
After that, select that element (Dropdown List), and simply create a Page Load transition that uses the Show/Hide effect to force the Dropdown List to be display:block on open.
Be sure to change from “Selected Element” to Class to make sure the interaction is applied to all instances of that class on the page.
