title: jquery FadeIn one element after FadeOut the previous div?
body: <pre><code>jQuery(document).ready(function(){
      $(".welcome").fadeOut(9500);
      $(".freelance").fadeIn(10000);
      $(".freelance").fadeOut(4500);
  });
  </code></pre>
  
  <p>I want the welcome message to fadeOut slowly and then the other div to fadeIn its place and then fadeOut - obviously when the welcome box no longer exists.</p>
  
  <pre><code>&lt;header&gt;
      &lt;h1 class="left"&gt;&lt;a href="index.html"&gt;&lt;/a&gt;&lt;/h1&gt;
      &lt;div class="left yellowbox welcome"&gt;&lt;p&gt;Welcome to my portfolio.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="left greenbox freelance"&gt;&lt;p&gt;I am currently available for for work, contact me below.&lt;/p&gt;&lt;/div&gt;
  &lt;/header&gt;
  </code></pre>