jQuery单击鼠标左键移动div，然后单击鼠标右键

我有一个div，就在屏幕右侧（-190px）。当我单击另一个div（称为coffee）时，我希望屏幕外的div出现，然后当我再次单击coffee div时，我希望另一个div再次移到屏幕外

目前，我的代码在屏幕上移动它，然后立即退出

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

如何使其停止，直到再次单击“span.coffee”？

试试这个

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;
    }
});

试试这个

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;
    }
});