javascript - 使用 jQuery 实现来回移动 div 的更简洁方法？

Question

我正在尝试设置一个简单的示例，用户可以在该示例中单击页面上的按钮，然后将 div 从父 div 的一侧移动到另一侧。如果再次单击该按钮，div 应移回其原始位置。

我已经成功设置了它，但我觉得代码有点笨拙。谁能推荐一种比我在下面所做的更简洁的方法来做到这一点:

var operator = '+=';
$('#clickme').click(function() {

    $('#main div:even').animate({
        left:operator + '200'
    }, 2000);

    if(operator == '+='){operator = '-=';}
    else{operator = '+=';}
});

在我的点击事件结束时的 if/else 部分对我来说似乎很奇怪。有什么美化它的建议吗？

你可以在这里玩 fiddle :

http://jsfiddle.net/S6UtE/3/

Answer 1

我会保留 += 并将 200 更改为 -200，然后再更改回来:

var move = 200;
$('#clickme').click(function() {
    $('#main div:even').animate({ 
        left:"+="+move
    }, 2000);
    move = -move;
});

http://jsfiddle.net/S6UtE/7/