Using fadein and append

Question

I am loading JSON data to my page and using appendTo() but I am trying to fade in my results, any ideas?

$(\"#posts\").fadeIn();
$(content).appe         


        

Answer 1

$(output_string.html).fadeIn().appendTo("#list");

Answer 2

First is convert received data to jQuery Object. Second, hide it immediately. Third, append it to a target node. And, after this all, we can clearly use necessary animation, just like fadeIn :)

jNode = $("<div>first</div><div>second</div>");
jNode.hide();
$('#content').append(jNode);
jNode.fadeIn();

Answer 3

assuming you have the following in the css defined:

.new {display:none} 

and the javascript should be :

$('#content').append('<p class='new'>Hello!</p>');
$('#content').children('.new').fadeIn();
$('#content').children.removeClass('new');
$('#content').children('.new').hide();