JavaScript - Mostrar/ocultar div en scroll

Muy buenas a todos, el otro día programé una tabla html que muestra y oculta el div en scroll. El problema viene dado a que cuando pulso en la fila (muestra y oculta perfectamente) pero la web hace scroll hasta el header, teniendo que bajar otra vez a la tabla para poder ver las filas que se expandieron. Alguna sugerencia de lo que puede ser?

Hola Julián, vi tu comentario, pero no entiendo muy bien... nos lo puedes mostrar con una imagen, o publicando el código para poder probarlo?

te envío el archivo adjunto. Es que no entiendo que puede pasar la verdad

• tabla_con_scroll.rar(3,6 KB)

Hola Julián, el problema es que estas llamando a la función desde un <a href="#" ... por lo que una vez abre o cierra el elemento, lo envia al anchor "#", y si no esta definido, lo envía al inicio de la pagina.

La solución pasa por cancelar el evento con preventDefault()... algo así:

y tendrás que pasar el evento a la función, por lo que en el enlace, tendrás que pasar el evento algo así:


NOTA; No tienes que duplicar la función, con que haya una sola es suficiente.

He colocado esa función tal cual, y el enlace y sigue haciendo lo mismo.

Solucionado Joel. Muchas gracias y disfruta del finde.