title: Scrolling div by jquery
body: <p>I have the following problem and I dont know how to solve it...</p>
  
  <p>I have divs on a page, which are all of a class "dailyComments".</p>
  
  <p>Underneath each of these divs I have two images with arrows - up and down (classes scrollDown and scrollUp). My goal is for the user to be able to click one of these arrows and the above div would scroll down/up. </p>
  
  <p>I tried the prev() function, but for some reason it does not work. So for example, for the scroll down I have:</p>
  
  <pre><code>$('.scrollDown').click(function() {
     $(this).prev(".dailyComments").scrollTop($(this).scrollTop() + 25);
  }); 
  </code></pre>
  
  <p>I also tried for example this:</p>
  
  <pre><code>$(this).prev(".dailyComments").hide()
  </code></pre>
  
  <p>and it did work, it hide the preceding dailyComments div. But with the scroll it does not work. Any ideas?</p>