Código:
function abc(){
$(".animacion").animate({
'width': "150px",
});
};
function abcd(){
$(".animacion").animate({
'width': "130px",
});
};
<a href="##" onclick="mostrar('manual_texto')" onmouseover="abc()" onmouseout="abcd()" id="animar"><img class="animacion" src="archivos/menu_manual_2.png"" /></a>
el problema es que cuando el cursor entra desde la parte inferior de la imagen la animación se repite (Grande-Chica-Grande),
pero cuando el cursor entra desde un costado si la ejecuta correctamente. alguna Opción o error que tenga?
Gracias por su ayuda!