How do you have Ajax requests fade in with jQuery?

I’m not entirely sure how you would do this in jQuery since I use Prototype, but my usual method is:

1) Load the content into a hidden container
2) onSuccess, fade in the hidden container housing the content

I’m sure there’s a similar method in jQuery.

This might help. I don’t really know jquery but I just played around a bit.

$(“p.addBlock”).click(function(event){
$(“div.main”).load(“yo.html”, showYo);
});

is putting yo.html in there once, and then your function showYo is doing it again, so you’re getting two of the same document added.

Either one of the methods will work on it’s own.

@richardhenry – thanks, I think I might get somewhere with that.

@johnpowell – thanks… Unfortunately, when using $(“p.addBlock”).click instead of an href it doesn’t work for me :(

@funkdaddy – I know, but I can’t provide the showYo function with the responseText without calling load() (where showYo is the second argument).

Thanks Richard, your method did the trick :)
Though I still think it’s a bit cumbersome…