如何设置此javascript函数的动画？

我有一个函数，如果我点击一个名为“bokse1”的div框，另一个名为“Whole”的框的边距将被删除，在这种情况下，是50px。我想设置删除边距的动画

下面是函数：

     $(function() {
   $('#bokse1').click(function() {
     $('#Whole').css('margin-left', '-=50px');
   });
   });

我希望动画是线性的，所以它会持续1秒

这里有一个提示：

您可以使用.animate（）而不是.css（）

---

您可以阅读有关它的更多信息

也可以使用css设置动画

，但是我如何将它与javascript函数连接起来呢？我不知道，我也不知道：（这主要取决于您的问题，但在最简单的情况下，您必须在css中设置转换，并通过javascript更改边距等值。浏览器可以为您做其他事情。css转换有一些限制，但确实可以用最少的编码帮助做简单的事情。好的，我终于成功了。谢谢您的帮助。另外，这是结束语。）如果你想知道：

$( "#clickme" ).click(function() {
  $( "#book" ).animate({
    opacity: 0.25,
    left: "+=50",
    height: "toggle"
  }, 5000, function() {
    // Animation complete.
  });
});