jquery prepend + fadeIn

Question

I have this code:

$.ajax({         url : url,         data : {ids : JSON.stringify(jsonids), hotel_id: hotel_id},         success : function(response)         {             $('#be-images ul').prepend(response).fadeIn('slow');         },         dataType: 'html'     }); 

but the fade In does not work...I want the content to be prepended and faded in...how will I do this?

Thanks in advance!

Answer 1

Assuming response is HTML then try this:

$(response).hide().prependTo("#be-images ul").fadeIn("slow"); 

When you do it this way:

$('#be-images ul').prepend(response).fadeIn('slow'); 

the thing you're actually fading in is the result of the initial selector (the list at the front), which is already visible.