javascript - 如何减慢 JQuery 的效果？

Question

代码:

    <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/js 很陌生，所以有点困惑。请帮忙。谢谢!

Answer 1

<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>

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

引用http://api.jquery.com/animate/