Problems Fading In and Out
<p>I am trying to fade in one div and then fade it out - no issue
then I want to fade in a new div in the same spot - no issue as a single effort
When I try to combine these two actions, the new div always pops on to the screen with no fade in. The code is below:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(function () {
        $(document).ready(function () {
            $('#first_body').hide().fadeIn(5000);
            $('#first_body').fadeOut(3000);
            $('#wrapper').delay(500).fadeIn(5000);
        });
    });
&lt;/script&gt;
</code></pre>

<p>In the css doc I have #wrapper {display:none;}</p>

<p>When I run the #first_body lines of script, it works perfectly.
When I run the #wrapper line of script it also works perfectly.
The problem ONLY happens when I combine them.
Please help.
Thank you :)</p>
