.animate opacity: show - need display:block; instead of display:inline;
<p>I want to show a certain element (em) on link hover.</p>

<p>I came up with this (through online tutorials).</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(window).load(function() {
    $("ul.slidebtns li a").hover(function() {
        $(this).next("em").animate({opacity: "show"}, "fast");
    }, function() {
        $(this).next("em").animate({opacity: "hide"}, "fast");
    });
});
&lt;/script&gt;
</code></pre>

<p>But .animate({opacity: "show"} gives me display:inline instead of display:block - as I've read around display:block should be a default behavior... so what is wrong?</p>
