interrupting animation

interrupting animation

Hi there,

I'am new with jQuery and I wanted to make a div move. I almost got what I want but I can't get it to work. I want to have a div moving from left to right when hovering a button en go back when you have left the button. This part I already got

Exampe

Now I want that the green div goes back to left when the cursor has left the button somewhere halfway the animation. So I don't want to wait until the animation is done before the div goes back.

I hope someone can help me,
Grtz Dietger.

My apologies for my bad English