Question: I have a selector I'm trying to animate and at the same time fade out it's background image and fade in another background image. This is what I have so far. The script works fine, but it animates first then fades. Do you know a way so it animates and fades at the same time?

```
$(document).ready(function(){
    $(".selector").click(function () {
        $(this).animate({left: "75px"}, function () {
            $(this).fadeOut("fast", function () {
                $(this).addClass("selector-hover").fadeIn("fast");
            });
        });

        return false;
    });
});

```

I hope this makes sense. Thank you for your help.

Answer: 
Yeah, don't put the fade in the callback...

```
$(document).ready(function(){
    $(".selector").click(function () {
        $(this).animate({left: "75px"}).fadeOut("fast", function () {
            $(this).addClass("selector-hover").fadeIn("fast");
        });
        return false;
    });
});

```
This is the effect of encasing the FadeIn inside the animate callback..
As the callback is fired after the end of the animation, so by the time the fade in starts the animation is already completed..

Try moving the fadeOut and fadeIn to outside the animate callback and it should be working fine..