title: How to ScrollTo next & next & next....... element
body: <pre><code>    &lt;div class="wrap"&gt;
          &lt;div class="layer"&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
      &lt;div class="post"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;span class="next" style="cursor:pointer;"&gt; (next div) &lt;/span&gt;
  </code></pre>
  
  <p>jQuery with ScrollTo Plugin (<a href="http://demos.flesler.com/jquery/scrollTo/" rel="nofollow">http://demos.flesler.com/jquery/scrollTo/</a>)</p>
  
  <pre><code>$('.next').click(function() {
      $(".wrap").scrollTo( $('.post').next(), 800, {margin:true} );
  });
  </code></pre>
  
  <p>Demo : <a href="http://jsfiddle.net/UaGjs/8/" rel="nofollow">http://jsfiddle.net/UaGjs/8/</a></p>
  
  <p>It doesnt work :(
  It work only 1st time</p>