jquery - jQueryはdivをクリックして左に移動し、クリックすると右に移動します

Question

画面のすぐ右側 (-190px) に div があります。別の div (コーヒーと呼ばれる) をクリックするとオフスクリーン div が表示され、コーヒー div をもう一度クリックすると、他の div が再びオフスクリーンに移動します。

現在、私のコードはそれを画面上に移動し、すぐに元に戻します。

$('span.coffee').click(function(){
    $('.quick_contact').animate({'right' : '0px'});
});
$('span.coffee').click(function(){
    $('.quick_contact').animate({'right' : '-190px'});
});

「span.coffee」をもう一度クリックするまで停止するようにするにはどうすればよいですか?

Answer 1

これを試して

var toggle = false;
$('span.coffee').on('click', function () {
    if (toggle == false) {
        $('.quick_contact').stop().animate({
            'right': '0px'
        });
        toggle = true;
    } else {
        $('.quick_contact').stop().animate({
            'right': '-190px'
        });
        toggle = false;
    }
});