[jQuery] Blending / Crossfading two divs together
Hello,
I'm trying to figure out how to blend / crossfade two div's together.
I have found many examples that crossfades two images together, but i
can't find anything on two divs.
Right now i am fading one out, and fading the other back in, but i'd
like them to fade into each other. Here is my current code:
$(document).ready(function(){
$("#toggle-product-overview").click(function () {
$("#is-me").fadeOut("500", function() { $("#product-overview").fadeIn
("500"); });
});
$("#toggle-me").click(function () {
$("#product-overview").fadeOut("500", function() { $("#is-me").fadeIn
("500"); });
});
});
Uses a callback to fade the next one in once the current fades out.
How can i crossfade the two together?
Any help would be greatly appreciated, i have been looking all over
for something like this but can only find samples for images and not
divs.
Thanks!
Mark