> $(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!
Don't put the fadeIn call in the fadeOut's callback. Just call them consecutively: $('#itemA').fadeOut(500); $('#itemB').fadeIn(500);