JavaScript Fade In/Out issues

[Ajh180]

Hi,

I have a hover effect whereby an image is being faded out and another is fading in. However, Is there a way for these actions to happen simultaneously? So as one is fading out the other fades in.

My code so far is:

$('.square').mouseenter(function () {
    $(this).attr('data-image', 'two');
    $(this).find('.one').fadeOut('medium');
    $(this).find('.two').fadeIn('medium');
});

Thanks,

[pritaeas]

fadeOut and fadeIn are asynchronous, so it should be nearly simultaneously.

[JJenZz]

You can see your code working as you expect, here: http://jsfiddle.net/YNhLu/1/