delay display inline block on hover <p>I have a navigation that I am animating. However the text jumps because it shows before the animation is done, so I want to set a delay of <code>300ms</code> before triggering the <code>display:inline-block</code>. I cant get it to work? Any ideas? </p> <pre><code>$(".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"); }); </code></pre>