jQuery slideUp然后在鼠标悬停时使用slideDown

Question

当您将鼠标移到上方时，我希望div向上滑动，然后再向下滑动另一个div。 这应该非常容易。 不过，我在某个地方搞砸了我的语法，并查看示例，但没有发现我做错了什么：

$( document ).ready(function() {
   $( "#preCops" ).mouseover(function() {
      $( this ).slideUp();
      $( "#cops" ).slideDown();
   });
});

Answer 1

我相信您要问的是动画要一个接一个地运行，但不能同时运行。 该幻灯片具有完整的挂钩，因此您可以像这样调用其他幻灯片：

$(document).ready(function() {
   $("#preCops").mouseover(function() {
       $(this).slideUp(1000,  function(){ $("#cops").slideDown();});

   });
});