title: jQuery scroll left and fadeIn at the same time
body: <p>I have the following code and its working great to scroll my divs left. But I need them to both scroll left and fade in as they are scrolling to the left.</p>
  
  <p>How can I do this?</p>
  
  <pre><code>$('div#line1').delay(1000).show("slide", { direction: "right" }, 1500);
  $('div#line2').delay(2000).show("slide", { direction: "right" }, 1500);
  $('div#line3').delay(3000).show("slide", { direction: "right" }, 1500);
  </code></pre>
  
  <p>The CSS for these is set to display:none</p>
  
  <pre><code>#line1,
  #line2,
  #line3{
  display: none;
  }
  </code></pre>