如何減慢這種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/

Answer 2

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

有哥們。

請務必在此處檢查jQuery animate api。