Question

How to add a fade-in effect when the data is returned to the #results div?

$('#results').html(data);

I tried

$('#results').html(data).fadeIn('slow');

but it doesn’t seem to work

My code

        submitHandler: function(form) {
            // do other stuff for a valid form
            $.post('mailme.php', $("#myform").serialize(), function(data) {
                $('#results').html(data).fadeIn('slow');
            });
        }

Answer 1

You gotta hide the div first.

$('#results').hide().html(data).fadeIn('slow');