I have two custom dropdown lists that have the same markup. I need to have only one show at a time. Right now, I’m able to open both at the same time. Both should also close when I click off the list.
The same markup for both lists is required, so I can’t use unique ID’s or additional classes to make this happen.
Here is a link to my fiddle example: http://jsfiddle.net/dg7Lc/29/
Any help would be greatly appreciated, thanks!
-D
Consider adding a data attribute such as ‘active’ via jquery when you click on one of them, then hide all those that have that attribute.