title: Fadein DIVs one by one with jquery and waypoints plugin
body: <p>Using <a href="http://imakewebthings.com/jquery-waypoints/#about" rel="nofollow">waypoints plugin</a> and jquery I'd like to display 3 DIVs (.circle-1, .circle-2, .circle-3) one after each other with a delay. Trigger point would be once .wrapcircles is in viewport (visible part of browser). Unfortunately that does not work. Not sure if this is a syntax error or something else... Thanks for your help</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
  $(function() {
         $('.wrapcircles').waypoint(function() {
           $(".circle-1").fadeIn('slow').delay(500);
           $(".circle-2").fadeIn('slow').delay(4000);
           $(".circle-3").fadeIn('slow').delay(8000);
           }, {
             offset: '100%'
           });
      });
  &lt;/script&gt;
  </code></pre>