This seems to be the standard on sites like Flickr and jsFiddle.

Can someone post a how to on this function?

Desde de Já Agradeço.

Abraços!

I am experimenting a little bit (this is the first time I have used JQuery) and figured that it would be nice open and close the menues with an mouseover and mouseout function instead of a clickfunction.

Now the problem is as follows: I works.
The downside is that when I move the mouse down to click on a menuitem the menu closes since I move the mouse of the image.

Question: Is it possible to say to JQuery: Only close the menu if mouseout top, right and left and click menuitem?

I can probaly figure out the last one myself, but the first one (mouseout top, right and left ) is more than I can handle.

This is my code:
$(document).ready(function () {
$("ul.menu_body li:even").addClass("alt");
$('img.menu_head').mouseover(function () {
$('ul.menu_body').slideToggle('fast');
});
$('ul.menu_body li a').mouseover(function () {
$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
});
$('ul.menu_body li a').mouseout(function () {
$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
});

$('img.menu_head').mouseout(function () {
$('ul.menu_body').slideToggle('fast');
});
});

Kind Regards