I have two divs that I'm swapping out, using a fade effect: jQuery("#divPhotoAbove").fadeIn(1000); jQuery("#divPhotoBelow").fadeOut(1000, function() { //Swap the div IMGs and reset visibility values... jQuery("#divPhotoBelow").css("background-image","url('"+newSrc +"')"); jQuery("#divPhotoBelow").show(); jQuery("#divPhotoAbove").hide(); });
But something is not working in IE 6/7. It's problematic in the fade. It suddenly jumps to the next one instead of fading well. It works great in Firefox. Any ideas? I'm wondering if it has to do with not being able to test when BOTH events end. Ideally I'd like to run the callback function when both fadein and fadeout have ended??? Help???