title: jQuery scroll div with scrollTop
body: <p>I'm trying to scroll a div up or down when hovering over the respective arrows. I also want to be able to jump down the div when the buttons are clicked (think clicking the windows scroll arrows rather than dragging the scroll bar).</p>
  
  <p>The scrolling works but the jumping doesn't. scrollTop() keeps retuning 0.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>function startScrollContent()
  {
     if ($('.haccordion-opened').prev('.header').find('div').attr('title') != 'dontscroll' &amp;&amp; $('.haccordion-opened span.arrow').length == 0)
     {
        $('.haccordion-opened').append('&lt;span class="arrow down" style="position: absolute; bottom: 5px; left: 260px; font-size: 9pt;"&gt;&amp;#9660;&lt;/span&gt;&lt;span class="arrow up" style="position: absolute; bottom: 5px; left: 280px; font-size: 9pt;"&gt;&amp;#9650;&lt;/span&gt;');
  
        $('.content span.arrow').hover(function()
        {
           direction = ($(this).hasClass('up')) ? '-=' : '+=';
           $('.content .padding').animate({scrollTop: direction + $('.content .padding').css('height')}, 5000);
        }, function()
        {
           $('.content .padding').stop();
        });
  
        $('.content span.arrow').click(function()
        {
           $('.content .padding').stop();
           direction = ($(this).hasClass('up')) ? '-' : '+';
  
           alert($('.content .padding').scrollTop());
           //$('.content .padding').scrollTop($('.content .padding').scrollTop + direction + 100);
        });
     }
  
     return;
  }
  </code></pre>
  
  <p>How can I get the jump part working?</p>