how to animate show a hidden div in jquery?
<p>Dumb question but I can't seem to figure this out.</p>

<p>I have a div and hide it when the page loads like so</p>

<pre><code>$("e").hide();
</code></pre>

<p>then when a user persons a specific action I want the div to animate or slide down gracefully. But on my site the animation just flashes and shoes the hidden div and no fade or slideDown effects occur.</p>

<p>I use</p>

<pre><code>    $("#e").hide();
    $("#p").change(function(){
        if($("#p").val() === 'Married')
        {
            $("#e").slideDown(500);
        }else{
            $("#e").slideUp(500);
        }
});
</code></pre>
