jQuery slideUp然后在mouseover上滑动

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();});

   });
});