title: link with href="#" scrolls page to top when used with jquery slidetoggle
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/1601933/how-do-i-stop-a-web-page-from-scrolling-to-the-top-when-a-link-is-clicked-that-t">How do I stop a web page from scrolling to the top when a link is clicked that triggers javascript?</a>  </p>
  </blockquote>
  
  
  
  <p>I'm using jquery's slidetoggle to show/hide divs.
  the element that controls the sliding is a text link ( some text inside &lt;\a>)
  which  has  href="#" so it will look like a link  (underline, cursor change).</p>
  
  <p>the problem is that when the link is clicked, in addition to the sliding effect,
  the page scrolls to top.</p>
  
  <p>i tried replacing href="#"  with href="" but that disables the div show/hide effect.
  i guess i could add to the  tag  Name="somename" and then set the href to href="#somename"
  but i would rather not use tricks like that.</p>
  
  <p>why is  href="#"  scrolling the page to its top?</p>
  
  <p>any ideas would be highly appreciated</p>