jquery延迟和setTimeout

Question

我试图阻止跨度的隐藏，而其他跨度淡入其中，但延迟和settimeout似乎没有工作，在鼠标悬停页面上闪烁白色之前其他3图像淡入顶部。延迟在鼠标输出功能上。这里是fiddle

$("#top-left").mouseover(function() { 
     $("#bottom-left").fadeOut(200); 
     $("#bottom-right").fadeOut(200); 
     $("#top-right").fadeOut(200); 
     $(this).css("width","+=400"); 
     $(this).css("height","+=250"); 
     $(this).css("z-index", "-1"); 
    }); 
    $("#top-left").mouseout(function() { 
     $("#bottom-left").fadeIn(200); 
     $("#bottom-right").fadeIn(200); 
     $("#top-right").fadeIn(200).delay(10000); 
     setTimeout(function() { 
       $(this).css("width","-=400"); 
       $(this).css("height","-=250"); 
       $(this).css("z-index", "1"); 
     },400); 
    }); 

谢谢。

Answer 1

消防最后一部分作为动画的回调：

$("#top-right").fadeIn(200, function() { 
    $("#top-left").css("width","-=400").css("height","-=250").css("z-index", "1"); 
}); 

这样，它不会执行，直到动画完成。