How to add a fade-in effect in jQuery text

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

您必须先隐藏div。

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

Answer 2

这可能会解决问题。

$('#results').css('display', 'none').html(data).fadeIn('slow');

Answer 3

you have to hide element firstly when you are working with "fadeIn".

here is a example, I believe you will understand after trying and editing that:

<img style="display: none;" id="google" src="http://www.google.com.tr/images/srpr/logo3w.png" alt="" />

<script>
    $(document).ready(function() {
        $('#google').fadeIn(1200,function(){});
    });
</script>