Try this $(function(){ $('#navigation').hover( function() { $(this).stop().animate({left: '-210'}, 'slow');}, function() { $(this).stop().animate({left: '0'}, 'slow');} );
}); I think that's work On Fri, Aug 28, 2009 at 5:50 PM, rupak mandal <rupakn...@gmail.com> wrote: > hi, what I have getting is that hover function is call multiple time till > the mouse pointer is inside the div area. May be you try onmouseover and > onmouseout. As suggested by paolo. > > On Fri, Aug 28, 2009 at 4:36 PM, Paolo Chiodi <chiod...@gmail.com> wrote: > >> >> maybe the hover is generated more than once while it is sliding. >> I would try to add a callback on animation end, setting tha state of >> the menu: open or closed. >> then on mouse over animate only if open, on mouse out close only if closed >> >> On Fri, Aug 28, 2009 at 12:01 PM, Mario<sevenartwo...@googlemail.com> >> wrote: >> > >> > Toggle works fine. But the problem now is that I always have to click >> > and I wanted the menu ot appear and disappear onmouseover/mouseout. >> > >