javascript - 同じdivで開始および停止する (javascript-jquery)

Question

同じdivをクリックしたときにアニメーションを開始および停止したい。

$('div').click(function(){  

//if is the first click -->do animation in loop
//if is the second click--->stop animation

});

どうやってやるの？

ループで始まるアニメーションのみを解決しました：

var play = 0;

function myAnimateGreen(){

        $('green').animate(
            {left:'+250px'},
            1000, 
            );          
        while(play==1) {myAnimateGreen();}  
    }

$('green').click(function(){
    play = 1;   
    myAnimateGreen();}
});

しかし、私は停止を解決することはできません!