jquery - jQuery中的跳跃动画

Question

我在我的网站上使用此代码：

$(document).ready(function(){

  $('.title').click(function() {
    $('.info').slideUp(800);
    $('.title').removeClass('flip');
    $(this).parent('div').find('.info').slideDown(800);
  });

  $('li.active').closest('.info').slideDown(800);
});

在我在计算机上测试的任何浏览器中，动画都非常跳跃。如果我在 js-fiddle 中检查它，动画非常流畅。发生了什么？

这是js-fiddle-link。

Answer 1

它在小提琴链接中对我来说运行顺利。但是，您确定您编写的代码是您想要发生的事情吗？根据您的电话堆叠方式，事情可能看起来不正常。

您可能希望在每个动画完成后进行回调，即：

$('.info').slideUp(800,function(){

//...do work in here (i.e. remove classes, proceed with other animations/slides);

});