FadeIn Script Not Working?
<p>I have the following script:</p>

<pre><code>var $j = jQuery.noConflict();
$j(window).load(function () {
    $j('#loading').fadeOut('fast', function () { //Step 1
        $j("#sp-container").fadeIn("fast", function () { //Step 2
            $j("#content-wrap").delay(9000).fadeIn("slow"); //Step 3
        });
    });
});
</code></pre>

<p>The script works fine until step 3. Step 3 does not fade in the div as it is supposed too. Why is this script not working and how do I fix it?</p>

<p>What I am excepting: </p>

<p>Step 1: Content on Page Loads then Script Fires</p>

<p>Step 2: I have a splash screen that runs for approximately 9 seconds.</p>

<p>Step 3: After animation content-wrap div fades in. </p>

<p><em><strong>HTML:</em></strong></p>

<pre><code>&lt;div id="loading"&gt; 
  &lt;!-- CONTENT --&gt; 
&lt;/div&gt;

&lt;div id="sp-container"&gt;
  &lt;!-- CONTENT --&gt; 
&lt;/div&gt;

&lt;div id="content-wrap"&gt;
  &lt;!-- CONTENT --&gt; 
&lt;/div&gt;
</code></pre>

<p>Note: Before I added the splash animation my JS looked like this which worked without issue: </p>

<pre><code> var $j = jQuery.noConflict();
$j(window).load(function() {
  $j('#loading').fadeOut('slow', function() {
          $j("#content-wrap").fadeIn("slow");    
      });
    });
</code></pre>

<p><a href="http://www.ubhape2.com/testing/" rel="nofollow">Here is a link to the page in question.</a></p>
