jquery fade in callback not waiting

Question

im trying to make a div fade out and then have a second div fade in in its place but the callback for the second div to fade is doesn\'t seem to wait for the first to finish

Answer 1

You're fading IN the new div before fading OUT the other div. That creates a cross fade effect so that's why you're seeing it. Perhaps what you mean to do is:

$("#story1").fadeOut("300", function () {
    $("#story2").fadeIn("300");
});

Fade out the current one before you fade in the next one. Then, you won't see them both on screen at the same time (e.g. no crossfade).