asked on

CSS Drop-Down Menu with "Click to Open"

Does anyone have any examples of a CSS Drop Menu (or javascript if necessary) that uses "click to open"? I basically want a drop down that behaves like a combobox. The problem is, my drop down menu is fancy and I don't see any easy way to reskin a combobox to do what i'm attempting. Please see "Example.jpg" attached for clarification. The closest i could find to what i need is here:
http://www.cssmenumaker.com/builder/menu_info.php?menu=007

The main difference is that this works on a hover and not a click to open. Also it does not remain expanded until you click away (i.e.: just like a combobox). If I could at least get the hover and 'click to open' part to work right that would help alot. Any ideas on how to best accomplish this behavior would be greatly appreciated.
Example.jpg

slovisa

This one has worked well for me. Let me know what you think. (Remove ".txt" - this is an HTML file.)
click-menu.html.txt

VirtualLNK

ASKER

Thanks for this, although it's not quite what I need. I need the hyperlink to maintain it's hover style while the menu is expanded (see Example.jpg) and to go away when I click away from it.

ASKER CERTIFIED SOLUTION

slovisa

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

VirtualLNK

ASKER

It took some work, but I was able edit the second example to achieve what i needed. Thanks for your help slovisa.

VirtualLNK

ASKER

Thanks for your help!

CSS Drop-Down Menu with &quot;Click to Open&quot;

CSS Drop-Down Menu with "Click to Open"