jquery ajax success fade effects

This thing worked.........

jQuery(".response").fadeOut( 100 , function() {    jQuery(this).html( data);}).fadeIn( 1000 );

javascript jquery ajax fadein

Have you tried:

$(".response").fadeOut(100).html(data).fadeIn(500)

javascript jquery ajax fadein

The easiest way I found was to set the initial fadeOut() to '0'. This worked perfectly:

$(".response").fadeOut(0).html(result).fadeIn(500);

As setting an initial fadeOut() with an actual value makes it 'pop' in, and then it fades in. Still not the desirable result.

So by setting the initial fadeOut to 0, means it doesn't spend a tenth of a second fading out before fading in. So you don't get a strange effect.

CodeHunter