Jquery : réinitialisation d'une fonction apès "hover"

Bonjour,

j'ai fait un petit bout de code mais je le trouve pas beau. Il fonctionne mais ça ne me plait pas.
Il doit y avoir moyen de le simplifier (surtout que je vais m'en resservir) mais je bloque sur la réinitialisation des valeurs.
La première partie me sert pour le hover, et la seconde pour le réinitialiser, et c'est la que c'est moche. je me suis rapproché de la fonction unbind mais je n'arrive pas à l'implémenter . Voici mon bout de script en sollicitant votre aide.

 $('#europe,#lnkeurope').hover(  
  function () {  
  $('.bgmap').css({backgroundPosition: '0px -1048px' });  
  $('#lnkeurope').css({color : "#2375C0"});   
  				},  
   function () {  
   $('.bgmap').css({backgroundPosition: '0px 0px' }); 
   $('#lnkeurope').css({color : "#000000"});  
 				 });  

Bonne soirée

Bin pour le code je ne vois pas comment le simplifier.
tu peux éventuellement en faire une fonction mais pour si peux j pense pas que ca vaille la peine.
Par contre si tu trouves les transitions trop moche tu peux utiliser .animate() plutot que .css()
Mais si c'est le code que tu trouves moches il n y a pas de quoi.

C'est la bonne façon de faire. Éventuellement, si vous voulez simplifier la remise à 0, vous pouvez enlever la valeur de la propriété CSS plutôt que de lui en donner une par défaut. Ça peut servir si vous changez un jour votre feuille CSS. Ça reste très cosmétique.

$('#europe,#lnkeurope').hover(function () {
   $('.bgmap').css("background-position","0px -1048px");
   $('#lnkeurope').css("color","#2375C0");    
},function () {
   $('.bgmap').css("background-position","");  
   $('#lnkeurope').css("color","");   
});