[jQuery] Designerly Ajax ? from newbie

[jQuery] Designerly Ajax ? from newbie


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