jquery - 悬停时延迟显示内联 block

Question

我有一个正在制作动画的导航。然而，文本跳转是因为它在动画完成之前显示，所以我想在触发 display:inline-block 之前设置 300ms 的延迟。我无法让它工作？有任何想法吗？

$(".left-navigation ul li").hover(function(){
    $(this).stop().animate({'width': '100%'}, 200);
    $(this).find("span.nav-text").delay(300).css("display", "inline-block");
}, function(){
    $(this).stop().animate({'width': '35px'}, 200);
    $(this).find("span.nav-text").css("display", "none");
});

Answer 1

使用回调!

 $(this).stop().animate({'width': '100%'}, 200, function(){
   // set your object visible here
});