Question

I am trying to animate a menu and have things sliding to the right on mouseover. Is there an easy way of undoing everything mouseover did when mouseout?

I have all the menu items (of my vertical menu) slide to right and have an empty news div slide in place of these menu items, which then gets filled with content, once it is in place… i.e. multiple instances of animate().

Answer 1

I think you are looking for something like .stop function: http://api.jquery.com/stop/

And probably you want to do something like this:

$(el).hover(function () {
  $(this).stop().animate(...);
}, function () {
  $(this).stop().animate(...);
});

Example: http://jsfiddle.net/VjKLe/