title: Creating a fadeOut and fadeIn in sequence using jquery
body: <p>I would like my ".elliot" tag to fade in after ".skinner" fades out.  My current scripts are not working properly.  Is there a better way to do this?</p>
  
  <pre><code>jQuery(window).load(function () {
      setTimeout(function () {
          $(".skinner").fadeOut("fast", function () {})
      }, 500)
  })
  
  
  jQuery(window).load(function () {
      setTimeout(function () {
          $(".elliot").fadeIn("slow", function () {})
      }, 1000)
  })
  </code></pre>