Estoy tratando de ocultar una imagen específica en el mouse y mostrar otra imagen. El opuesto se hará cuando el mouseout. A continuación se muestra el código que escribí,

<div id="console" onmouseover="$(this).find('#offer_image').css({display: none});$(this).find('#offer_image_selected').css({visibility: visible});"
     onmouseout="$(this).find('#offer_image').css({visibility: visible});$(this).find('#offer_image_selected').css({display: none});" >

Pero no funciona cuando ejecuto la aplicación. ¿Alguien puede señalar lo que ha ido mal en él?
¡Muchas gracias!