title: Fade in different lines of text
body: <p>I am trying to fade in three separate lines of text, each one delayed slightly later than the last. I have discovered how to fade a single line, and how to delay a single line, but whatever I try cannot combine the two.  All the JS research is for .fadeIn('slow') for button selectors and whatever tried doesn't work with the code below . Any advice appreciated.</p>
  
  <pre><code>function showText(id,delay){
    var elem=document.getElementById(id);
    setTimeout(function(){elem.style.visibility='visible';},delay*1000)
  }
  
  window.onload = function(){
    showText('delayedText1',1);
    showText('delayedText2',2);
    showText('delayedText3',3);
    showText('delayedText4',4);
  }
  
  &lt;h1 id="delayedText1" style="visibility:hidden"&gt;First line fades in&lt;/h1&gt;
  &lt;h1 id="delayedText2" style="visibility:hidden"&gt;slightly later this fades in&lt;/h1&gt;
  &lt;h1 id="delayedText3" style="visibility:hidden"&gt;and last this line fades in&lt;/h1&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/k4h94Lob/1/" rel="nofollow">http://jsfiddle.net/k4h94Lob/1/</a></p>