you just need to add both mouseleave & mouseout with same script into your button1 > Action
i did it for you, you can check it here :
Link to your Project : http://www.mediafire.com/?wmmn6609hwyqnqv
Thank you! This is even easier than some of the other possible solutions I was attempting.
Just out of curiosity, why is mouseout needed in addition to mouseleave? I've tried using just the Mouseenter and Mouseleave, and that obviously doesn't work since the animations get stuck again, but I'd like to know what the purpose of using both mouseout and mouseleave together does.
i just explain it to you very simple, think this way
mouseleave will work only for outer Area of our box
mouseout will work only for inner Area of our box
in some case like yours, when we move our mouse very fast from first box to second box very near to first box, if you just use one of trigger( mouseleave or mouseout ), then there is high chance that jquery dont detect your move ! that you where out of first box and now you are inside the second box !! and it will continue to think that you never was in the firstbox and you just entered in the second box
so if we check inner Area and outer Area both together we can prevent this problem from happening
i hope you that i could explain it to you
Excellent post! Now I understand this. Thank you.