I am a newbie with jQuery (primarily a designer) and am looking for a tutorial (or code) that might integrate a basic ajax call to
myExternalContent.php?id=3 in a designerly way....with this in mind..... (1) user clicks on <a> link to make ajax request to bring new content to a #targeted div jQuery first applies slideToggle function to the div - basically a fadeOut jQuery.fn.slideToggle = function(speed, callback) { return this.animate({height: 'toggle',opacity: 'toggle'}, speed, callback); }; (2) after the fadeOut is completed - then jQuery makes the actual ajax request - (3) once the the actual ajax request is completed and new content loaded - the jQuery toggle is re-instantiated - basically a fadeIn ( ) I have already manged the ajax functionality - just looking for pointers to hande a smooth click to - fadeOut(old) - fadeIn(new) contents pointers appreciated thx - jQuery is most impressive