jQuery中的跳跃动画

我正在我的网站上使用以下代码：

$(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小提琴的动画是相当顺利。发生了什么事

---

这是。

它在小提琴链接中运行平稳。然而，你确定你所编码的是你想要发生的吗？你打电话的方式可能会让事情看起来不正常

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

$（'.info'）.slideUp（800，函数（）{

---

}))

如果不能够重现这个问题，就很难为您的答案解决jkat98…同时，我使用以下脚本来管理它：

$（document）.ready（function（）{$（'.title'）。单击（function（）{$（'.content'）.fadeOut（200）；$（'.info'）.slideUp（1000）；$（this.parent（'div'）。find（'.content'）.fadeIn（1800）；$（this）。下一步（'.info'）.slideDown（800，function（）{var project=$（this）.parent（'.project'）；$.smoothScroll（{scrollTarget:project，release:'swing'，speed:400，offset:-30}）；$（'li.active'）。最近（'.info'）.fadeIn（800）；$（'li.active'）。最近（'.info'）。查找（'.content'）.css（'display'，'block'））。fadeIn（800）；

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