javascript - 创建点击切换

我正在jQuery中尝试单击链接，链接中的内容随后从屏幕右侧进入0px。然后，当您再次单击它时，它将关闭，这是一种切换效果。

我当前的jQuery是：

$('.bet-slip-outer').click(function() {
    // Responsive Stuff...
    var windowwidth = $(window).width();

    $('.bet-slip').animate({
        'right': '-240px'
    });
}, function() {
    $('.bet-slip').animate({
        'right': '0px'
    });
});

但是，当我单击.bet-slip时，right:-240似乎优先。

我究竟做错了什么？

干杯

最佳答案

使用变量检查元素是否已被单击。

toggle = "on";
$('.bet-slip-outer').click(function() {
    // Responsive Stuff...
    var windowwidth = $(window).width();
    if(toggle == "on"){
        $('.bet-slip').animate({
            'right': '0px'
        });
        toggle = "off";
    }else{
        $('.bet-slip').animate({
            'right': '-240px'
        });
    }
});

关于javascript - 创建点击切换，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27904326/