Javascript 使用jquery切换动画

如果我用jquery单击按钮，我想切换动画。这是我已经尝试过的代码

<div id="div1" style="height: 100px; width: 300px; background-color: black">
</div>
<button type="button" name="button">Click Me</button>


$("button").click(function() {
  $("#div1").toggle(300, function() {
    $("#div1").animate({left: "250px"});
    });
});

点击我
$（“按钮”）。单击（函数（）{
$（“#div1”）.toggle（300，function（）{
$（“#div1”）.animate（{左：“250px”}）；
});
});

我为您制作，希望它能帮助您：

Html:

Css:

我为你做的，我希望它能帮助你：

Html:

Css:

---

那么问题是什么？好的，切换正在工作。。那么你的问题是什么？我想切换动画，使其向左移动250像素，然后如果我再次单击按钮，则返回默认位置。那么问题是什么？好的，切换正在工作。。那么你的问题是什么？我想切换动画，使其向左移动250像素，然后如果我再次单击按钮，则返回默认位置。

<div class="holder">
<div id="div1" style="" class="div1">
</div>
</div>

<br/>
<button type="button" name="button">Click Me</button>

$("button").click(function() {
  if($(".div1").hasClass('left')){
     $(".div1").removeClass('left');
  }else{
  $(".div1").addClass('left');
  }
});

$("button").click(function() {
  if($(".div1").hasClass('left')){
     $(".div1").removeClass('left');
  }else{
  $(".div1").addClass('left');
  }
});