hovering quickly over menu glitches, jquery

[chiv]

hi all,

I made a dropdown menu with 2 submenu's that works properly. http://edumasy.nl/ba.html
When i quickly hover over main2 (see link) the menu stops the show the second sub items under sub21 and sub22.
Is there a way to fix this?
The jquery im using:

    $('#menu li').mouseenter(
        function () {
            //show its submenu
            $('ul:first', this).stop().slideDown(500);
        });
    

	$('#menu li').mouseleave(
        function () {
            //hide its submenu
            $('ul', this).stop().slideUp(500);          
        }
    );

thanks in advance

[devnull69]

Always use .stop() with appropriate parameters

    $('#menu li').mouseenter(
        function () {
            //show its submenu
            $('ul:first', this).stop(true, true).slideDown(500);
        });
    

	$('#menu li').mouseleave(
        function () {
            //hide its submenu
            $('ul', this).stop(true, true).slideUp(500);          
        }
    );