Javascript 如何减缓JQuery的这种效果？

代码：

$（文档）.ready（函数（）{
$（'.sync_box'）。打开（'单击'，函数（e）{
e、 预防默认值（）；
var$btn=$（本）；
$btn.toggleClass（'Open'）；
可变高度=$btn.hasClass（'Open'）？300:100；
$（'.sync_box'）.stop（）.animate（{height:heights}）；
});
});

在这个脚本中，我可以在哪里添加时间来降低速度？我确信这是显而易见的，但我对jquery/js还不熟悉，所以有点困惑。请帮忙。谢谢

    <script>
$(document).ready(function() {

  $('.sync_box').on('click', function(e){
    e.preventDefault();
    var $btn = $(this);
    $btn.toggleClass('opened');

    var heights = $btn.hasClass('opened') ? 300 : 100 ;
    $('.sync_box').stop().animate({height: heights });
  });
});
    </script>

好了，伙计

确保选中jquery动画api

好了，伙计

一定要检查jquery动画api。

$（文档）.ready（函数（）{
$（'.sync_box'）。打开（'单击'，函数（e）{
e、 预防默认值（）；
var$btn=$（本）；
$btn.toggleClass（'Open'）；
可变高度=$btn.hasClass（'Open'）？300:100；
$（'.sync_box'）.stop（）.animate（{height:heights}，2000）；
});
});

上面编辑的例子。2000是毫秒

参考资料

$（文档）.ready（函数（）{
$（'.sync_box'）。打开（'单击'，函数（e）{
e、 预防默认值（）；
var$btn=$（本）；
$btn.toggleClass（'Open'）；
可变高度=$btn.hasClass（'Open'）？300:100；
$（'.sync_box'）.stop（）.animate（{height:heights}，2000）；
});
});

上面编辑的例子。2000是毫秒

---

参考资料

你不必感到困惑。只是阅读文档：困惑的意思是不确定不时把东西放在哪里，就像在这种情况下，我不知道把时间放在哪里。这就是为什么文档存在的原因。当你不知道如何做某事时，不必感到困惑。请看一下文档。谢谢。下次就可以了。你不必感到困惑。只是阅读文档：困惑的意思是不确定不时把东西放在哪里，就像在这种情况下，我不知道把时间放在哪里。这就是为什么文档存在的原因。当你不知道如何做某事时，不必感到困惑。请看一下文档。谢谢。下次就可以了。

$('.sync_box').stop().animate({ height: heights }, TIME_IN_MS);

<script>
$(document).ready(function() {

  $('.sync_box').on('click', function(e){
    e.preventDefault();
    var $btn = $(this);
    $btn.toggleClass('opened');

    var heights = $btn.hasClass('opened') ? 300 : 100 ;
    $('.sync_box').stop().animate({height: heights },2000);
  });
});
</script>