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 running into an issue where the first fades out and immediately (before the animation is finished) the next fades in.
I read about this once and can't remember exactly what the trick was..
http://jsfiddle.net/danielredwood/gBw9j/
thanks for your help!
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();
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With