¿Desea alternar la imagen al pasar el cursor sobre las miniaturas?

Por favor vea este violín: http://jsfiddle.net/rabelais/e47xq/2/

Quiero mostrar la imagen grande de la miniatura cuando el uso se desplaza sobre la miniatura. A continuación se muestra mi punto de partida. ¿Alguna sugerencia de cómo hacer esto? En mi versión final habrá 20 miniaturas posibles, por lo que necesito que el código sea lo más conciso posible.

$(".thumnails").on("mouseover mouseout", "a", function () { $('#').toggle(); }); 

.attr ()

$(this).attr('href') obtiene un atributo href etiqueta actual.

 $(".thumnails").on("mouseover mouseout", "a", function () { $('#' + $(this).attr('href')).toggle(); }); 

y

configura la segunda ID de image-2 en image-2

Demostración de violín

La identificación debe ser única. No use la misma id para múltiples elementos.

Lee dos elementos HTML con el mismo atributo de identificación: ¿Qué tan malo es realmente?

Bueno, probablemente no sea la mejor solución general, pero dado lo que tienes, consulta este violín: http://jsfiddle.net/e47xq/1/

Use $(this).attr('href') en el elemento de anclaje para recuperar el selector que necesita.