[SOLUCIONADO] Boton para mover div en diagonal

[mensajeescrito]

Hola amigos, veran tengo un problema:

Tengo el siguiente codigo que hace que cuando me pongo encima de una foto, el div que contiene la foto se mueve en el eje de coordenadas.

Hasta ahí bien. Pero.... lo que necesitaria es tambien que poniendome encima de un boton externo y con "mouseover", este div que contiene la foto tambien se mueva asi.

SI pudieran ayudarme les estaria muy agradecido.

Este es el codigo:

Código CSS:

#mano {
 
                background:url(imgs/mano.png) no-repeat;
                
                position:absolute;          
                top:0px;
                left:0px;
    
                width:204px;
                height:190px;
                
                cursor:pointer;
                
                z-index:1000;
 
                }
 

Código Javascript:

$('#mano').hover(function(manita){
                $(this).animate({top: '-25', left: '-50'}, 300);
                
            }, function(){
                $(this).animate({top: '25', left: '175'}, 300);
            });
 

[Alexis88]

Basta con que añadas el id del botón en el código y en lugar de this, coloques el id del <div>.

Código Javascript:

$('#mano, #id_boton').hover(function(manita){
    $("#mano").animate({top: '-25', left: '-50'}, 300);
}, function(){
    $("#mano").animate({top: '25', left: '175'}, 300);
});
 

Saludos

[mensajeescrito]

Muchas gracias fenómeno.

Me ha servido mucho y e aprendido algo que no sabía.