Question

i wrote hover animation in jQuery and it works great but does not work as expected in FireFox, could u look at this and tell me how this can happen

hover on the green field and the blue one should enter smoothly, but in FF animation is not smooth there is a jump

http://jsfiddle.net/mrNRx/

Answer 1

You could use the FadeIn() callback like this (your code simplified):

$(this).find('.apla').fadeIn("slow", function(){
     $(this).find('.more').animate({"bottom": "50px"},1000);
});

$(this).find('.apla').fadeOut("slow", function(){
     $(this).find('.more').animate({"bottom": "-40px"},1000);
});