javascript - Jquery 切换动画

Question

我正在尝试使用这个 jQuery 让我的 div 在它的位置之间切换:

$(document).ready(function(){
  $("button").click(function(){
   $("div").animate({left:'250px'};
 },
 function() {
  $("div").animate({left:'0px'};
 },
});

我需要做的就是将 div 向左移动:“250px”，然后再次单击该按钮时，将其移回左侧:“0px”。 所有答案将不胜感激。

Answer 1

click 不能那样工作，它只有一个回调，但是你可以用一个标志来切换动画

$(document).ready(function(){
    $("button").click(function(){
        var l = $(this).data('l');
        $("div").animate({left: (l ?  0 : 250)});
        $(this).data('l', !l);
    });
});

FIDDLE