title: Jquery .each() including a delay looking for clean code
body: <p>To be short, I am looking for a jQuery loop that will select each div with a class (approx 10 small divs in a line) then execute some code on each div specifically fade out and in the image contained in the div and then pause and move on and do the same to the next div.</p>
  
  <p>This loop  fades out/in all of the contained images at the same time...</p>
  
  <pre><code>$('.div_class').each(function() {
      $(this).children().fadeOut('fast', function() {
          $(this).fadeIn('slow');
      });
  });
  </code></pre>
  
  <p>I have looked at the jquery functions <code>delay()</code> and <code>setInterval()</code> and the native JavaScript function <code>setTimeout()</code>.  </p>
  
  <p>It seems I either cant get them to work at all or the examples I have seen are lengthy and complicated.  With the magic of jquery it seems I should be able to add very little code the the loop above for it to work in series.</p>
  
  <p>As mentioned, I'm looking for a clean simple example.</p>