Q:

Stop a jquery expanding menu 'oscillating'

I've built an expanding menu in jquery which works ok but when I roll in and out of the menu multiple times quickly the menu oscillates and and keeps animating open and closed after the mouse has rolled out of the menu which is verry annoying. Heres the code i have for opening the menu, its very simple. 
$("#links").mouseenter(function(){
    $("#linksBody").slideDown(600, "easeOutExpo");
});

$("#links").mouseleave(function(){
    $("#linksBody" ).slideUp(600, "easeOutExpo");
});

and here's the site im having trouble with 
http://www.pegbarandgrill.com/blog/
its the links & directory menu on the right. Does anyone know the best way of getting round this oscillation problem.
Thanks!

A:

Try this:
$("#links").mouseenter(function(){
    $("#linksBody").stop(1).slideDown(600, "easeOutExpo");
});

$("#links").mouseleave(function(){
    $("#linksBody" ).stop(1).slideUp(600, "easeOutExpo");
});

Another solution is to use a plugin like hoverIntent
Also, you can use .hover() and simplify things like this:
$("#links").hover(function(){
    $("#linksBody").stop(1).slideDown(600, "easeOutExpo");
},
  function(){
    $("#linksBody").stop(1).slideUp(600, "easeOutExpo");
});

I also wonder if the easeOutExpo could be causing you issues. Try without it and see if it helps?

