title: Why does jQuery make my page jump back to the top after click?
body: <p>I have a general question about jQuery.</p>
  
  <p>I have created few jQuery buttons but the problem that I have is when you scroll half way down the page and you press the button, the page jumps back to top, instead of staying in the middle where the button is??</p>
  
  <p>How can you stop this from happening, as it's frustrating for the user??</p>
  
  <p>Is there any particular reason why it's happening? </p>
  
  <p><a href="http://jsfiddle.net/RvHjx/" rel="noreferrer">jsFiddle Example</a>:</p>
  
  <pre><code>$(".comment-here").click(function() {
     $(".comment-form").slideToggle('slow');
  });
  
  $(".main-btn.orange").click(function(){
     $(".comment-form").slideUp('slow');
  });
  </code></pre>