title: Modification on animate script?
body: <p>I found this post which is a tutorial to animate elements on scroll: <a href="http://www.web2feel.com/tutorial-for-animated-scroll-loading-effects-with-animate-css-and-jquery/" rel="nofollow">Tutorial for animated scroll loading effects with Animate.css and jQuery | web2feel.com</a></p>
  
  <p>It works great, in the article example the divs with the class: "post" are shown when you reach them when scrolling.</p>
  
  <p>I'd like to change this js to make that if 2 divs are shown at the same time then the script animates one after another (not both at the same time). Below the js that shows the 2 divs are shown at the same time. I need to put a pause beetwen them. </p>
  
  <pre><code>jQuery(document).ready(function() {
      jQuery('.post').addClass("hidden").viewportChecker({
          classToAdd: 'visible animated fadeIn',
          offset: 100
      });
  });
  </code></pre>