Jquery 悬停时延迟显示内联块

我有一个我正在制作动画的导航。但是，文本会跳转，因为它在动画完成之前显示，所以我想在触发

显示：内联块之前设置
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");
});

你在寻找功能。祝你好运
 使用回调

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

animate
有一个回调参数，该参数将在动画完成后执行。试试这个：

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

就像一个符咒：）Thxalot@NickyChristensen没问题。如果一个答案对你有帮助，你应该通过点击左边的勾号图标来投票和/或接受它。谢谢