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
:
Ver original$('.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.