Posible duplicado:
¿Cómo evito que una página web se desplace hacia la parte superior cuando se hace clic en un enlace que activa javascript?

Estoy usando el slidetoggle de jquery para mostrar / ocultar divs. el elemento que controla el deslizamiento es un enlace de texto (texto dentro de <\ a>) que tiene href = "#", por lo que se verá como un enlace (subrayado, cambio de cursor).

El problema es que cuando se hace clic en el enlace, además del efecto deslizante, la página se desplaza hacia arriba.

Intenté reemplazar href = "#" con href = "", pero eso desactiva el efecto div show / hide. Supongo que podría agregar a la etiqueta Nombre = "somename" y luego establecer href en href = "# somename", pero preferiría no usar trucos como ese.

¿Por qué href = "#" está desplazando la página a su parte superior?

cualquier idea sería altamente apreciada