Execute the hover callback function even if the first one is interrupted

Question

To see the problem try to mouse over the menu and while the animation is still going to move the pointer out of it. For expected behavior leave the mouse in the menu until the animation is finished and then move the pointer out of it. I guess that i am missing to add ,,stop()" somewhere, but atm i can't see what I am doing wrong.

Here is the jfiddle: http://jsfiddle.net/DpXXT/4/

And the actual menu on website in progress: http://johnnystakes.co.uk/oko/

Any help would be appreciated!

Answer 1

Here is the solution for my problem using timeout function. Not perfect, but it works... jfiddle link

Answer 2

I have checked your code and got it working a little better, it's still not perfect but i imagine it would help, i need to leave so this is better than nothing: http://jsfiddle.net/2eZsk/