title: How to scroll div continuously on mousedown event?
body: <p>I have two divs and two buttons:</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="items"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="up"&gt;&lt;/div&gt;
  &lt;div id="down"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How to continuously scroll '#items' until user releases the button?
  I tried using jquery mousedown event and animate function but couldn't make it to work.</p>
  
  <pre><code>$("#up").mousedown(function(){
  $("#items").animate({"top": "+=10px"}, "fast");
  })
  </code></pre>
  
  <p>The code above moves the div just once. I want to achieve continuous animation until the button is released. Thanks for your help!</p>