[jQuery] Blending / Crossfading two divs together

[bioprez]

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