Hey Folks,

I have a little problem with a simple jqeury drop down I've added to my site. Basically, I want to drop down to work like any other dropdown, where you will hover over the link and it will display, and when you move your mouse, it disappears again. Right now, the problem is that when I hover, the drop down shows up, but as soon as I leave the link to click on one of the dropdown options, the drop down disappears because it thinks I'm no longer on the element.

Another option would be to toggle on "Click" event, but once again, I don't know how to remove the menu unless you click back on the element which is annoying, I'd rather have it so if you click anywhere it will untoggle.

Here is the code I have (The Jquery Portion):

Code JavaScript:
$(document).ready(function () {  
 
$('img.menu_head').hover(function () {  
 
$('ul.menu_body').slideToggle('fast');  
 
}); 
});

Any Ideas?

Elementax