[SOLUCIONADO] Evitar el salto al inicio de pagina

[fegm_4]

Saludos a todos,

Actualmente estoy haciendo una aplicación y se me esta presentando un inconveniente. Explico a continuación:

Tengo una listado de pedidos. En dicho listado aparece el numero de pedido, el nombre y un botón para ver mas detalles del pedido. El usuario hace click en el botón y se despliega un div debajo que muestra los detalles del pedido

Por el momento, he programado bien la acción de mostrar el panel de detalles, pero me he dado cuenta de algo incomodo: si me desplazo verticalmente en la ventana, al hacer click en un pedido, este me despliega el panel, pero lleva al principio de la pagina, por lo que para el usuario es incómodo debido a que debe bajar nuevamente a buscar el pedido que seleccionó.
El código que estoy usando en el jquery es el siguiente

Código Javascript:

$('.show-details').click(function(){
        $(this).parent().parent().find('section').toggle('fast');
        $(this).toggleClass('hide-details')
    });
 

La clase hide-details solo cambia la imagen del botón.

[fegm_4]

Lo he solucionado colocado en el enlace lo siguiente:

Código HTML:

<a href="javascript:void(0)" class="show-details">Ver detalles</a>
 

Espero le pueda ser de ayuda esta información a otra persona. Saludos!