I've been trying to implement custom dropdown menus for my "Shop" and "Brands" button on the new shopping cart I'm developing:
I'm doing this using CSS, and feel that I'm about 75% there. But if possible, I'd be grateful for some assistance with the following:
1) I can't seem to reliably control when my menus should disappear. Since each of the 2 menus is being displayed in it's own div, .. I assumed that having something like the following would do the trick:
<div id="sec1" style="position:absolute;w
1px solid #285C12;" onMouseout="hideSec(1);"><
But this isn't working very well at all. In fact, it seems that the hideSec() function is also being triggered onMouseover. So basically, whenever you move the mouse pointer over the div, .. the menu disappears after a few seconds (I currently have a setTimeout function in the hideSec() function). I've tried adding the showSec() and hideSec() functions to the links in the dropdown menus, but that seems to be problematic as well. How can I accomplish the desired effect? (menus stay visible when the mousepointer is over them, and then disappear when the mouse pointer is moved away from it).