JQuery animate firing late in Chrome

Question

У меня есть спрайт изображения, который на mouseenter меняет положение фона и перемещает текст поверх. При уходе с мыши положение фона и текст перемещаются влево, чтобы отобразить исходное изображение. Текст представляет собой отдельный элемент, который исходит справа, чтобы сесть за изображение после изменения положения.
Часть mouseenter работает отлично, при этом изображение и текст одновременно прокручиваются влево, но на мышином фоне, однако в хроме (и то, что кажется только хром), текст будет перемещаться первым, тогда изображение будет следуйте позже, анимация изображения стреляет намного позже, чем текст. Я прочитал несколько вопросов с .animate() в chrome, но ни одна из проблем, похоже, не связана с этим.
Есть ли что-то явно не так? Или есть просто лучший способ сделать это

//animation on mouse enter 
$("#featuredImage").mouseenter(function(){ 
    $(this).animate({ backgroundPositionX:"100%" }); 
    $("#featuredText").show("slide", { direction: "right" }); 
});  

//animation on mouse leave 
$("#featuredImage").mouseleave(function(){ 
    $(this).animate({ backgroundPositionX:"0%" }); 
    $("#featuredText").hide("slide", { direction: "right" }); 
}); 

Answer 1

Попробуйте навести см Если это помогает:

$("#featuredImage").hover(function(){ 
     $(this).animate({ backgroundPositionX:"100%"}); 
     $("#featuredText").show("slide" ,{ direction: "right"}); 
    },function(){ 
     $(this).animate({ backgroundPositionX:"0%" }); 
     $("#featuredText").hide("slide",{ direction: "right" }); 
    } 
);