Making my ajax updated div fade in

Question

I have this code that performs an ajax call and loads the results into two duplicate divs every time a dropdown is changed. I want the results to be faded into the div, to g

Answer 1

JQuery.ui has a bunch of different things you can do with effects. You can find them here: http://docs.jquery.com/Effects

Answer 2

You'll have to hide() it before you can use fadeIn().

UPDATE: Here's how you'd do this by chaining:

$("#charges-gsm-faq").hide().html(html).fadeIn();
$("#charges-gsm-prices").hide().html(html).fadeIn();

Answer 3

It works with load():

$('.element').load('file.html').hide().fadeIn();

Answer 4

You'll have to hide() it before you can use fadeIn()

Above worked for me

Answer 5

You could also leave it visible and just make it transparent, and then fade it to full opacity, using:

... .css({ opacity: 0 }).fadeTo("normal",1);