0

コード:

    <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 を初めて使用するので、少し戸惑っています。助けてください。ありがとう!

4

2 に答える 2

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

于 2013-09-05T19:34:19.227 に答える
1
$('.sync_box').stop().animate({ height: heights }, TIME_IN_MS);

そこの相棒。

ここでjquery animate api を確認してください。

于 2013-09-05T19:31:10.003 に答える