[jQuery] Blending / Transitioning two Divs together at the same time

[bioprez]

Hello,

I am having trouble with 'blending/transitioning' two divs together.
What i would like to do is have one div transition into another div
when you click an image link, rather than have it fade out and then
fade into the next div.

I would like to have the same effect that the Cycle Lite plugin has
when it transitions between two images, but instead of images, i would
like it to be 2 div's (see here: http://malsup.com/jquery/cycle/lite/,
click on the 'next' link under click triggers heading and see how it
transitions into next image). I can't use the cycle plugin because it
doesn't support specifying which element to transition into next,
rather its more like a slideshow of consecutive elements.

Here is what i have so far, what it does is fades out and then fades
back in using a callback after the first div fades out:

$(document).ready(function(){

        $("#toggle-product-overview").click(function () {
                $("#is-me").fadeOut("500", function() { 
$("#product-overview").fadeIn
("500"); });
        });

        $("#toggle-is-me").click(function () {
                $("#product-overview").fadeOut("500", function() { 
$("#is-me").fadeIn
("500"); });
        });
});


Is there anyway i can transition into the next div rather than fade in/
out? Please let me know, i have looked all over the place and tried
many different things, but haven't figured it out yet.

Any help would be greatly appreciated!