title: Chaining jQuery animations that affect different elements
body: <pre><code>$(document).ready(function() {
      $("#div1").fadeIn("slow");
      $("#div2").delay(500).fadeIn("slow");
      $("#div3").delay(2000).fadeIn("slow");
      $("#div4").delay(8000).fadeIn("slow");
  });
  </code></pre>
  
  <p>This is my current setup but I feel like this isn't the best way to write this. I can't find any examples on how you would write this better for timing. Any help? I'd appreciate it.</p>
  
  <p>I should also add that the timing of each element isn't consistent.</p>