jQuery fade out then fade in

Question

There\'s a bunch on this topic, but I havn\'t found an instance that applies well to my situation.

Fade a picture out and then fade another picture in. Instead, I\'m

Answer 1

fade the other in in the callback of fadeout, which runs when fadeout is done. Using your code:

$('#two, #three').hide();
$('.slide').click(function(){
    var $this = $(this);
    $this.fadeOut(function(){ $this.next().fadeIn(); });
});

alternatively, you can just "pause" the chain, but you need to specify for how long:

$(this).fadeOut().next().delay(500).fadeIn();