“плавное” обновление ajax

Есть код, который выполняет обновление списка пользователей
function OnlineUpdate() { $('.gc-tab-online').html(''); $.ajax({url:'/api/index/62',dataType:'xml',cache:false,async:false,success:function(data) { $('member:contains("USER_NAME")',data).each(function(){ var apiID = $(this).find('value').text(); var apiXml = $.ajax({type:'GET',url:'/api/index/8-0-'+apiID+'',dataType:'xml',async:false}).responseText; var userAva = $(apiXml).find('member:contains("USER_AVATAR")').find('string').text(); var userLink = $(apiXml).find('member:contains("USER_PROFILE")').find('string').text(); var userName = $(apiXml).find('member:contains("USERNAME")').find('string').text(); var userGroup = $(apiXml).find('member:contains("USER_GROUP")').find('string').text();
if(!userAva) var userAva = '/gameChat/noava.png';
$('.gc-tab-online').append( '

'+ '

'+ ''+ '

'+ '

'+ '

'+userName+'

'+ '

'+userGroup+'

'+ '

'+ '

'+ ''+ '

' ); }); }}); }
OnlineUpdate(); setInterval(OnlineUpdate, 15000);
На странице выглядит, что список дёргается.. Видны пользователи, пропадают, появляются через время. Как можно выполнить эту процедуру более "плавно"?

Ответ

function OnlineUpdate() { $.ajax({...success:function(data) { $('.gc-tab-online').html(''); ... var $newDiv = $('

'+ ... '

'); $('.gc-tab-online').append($newDiv); $newDiv.fadeIn(1000);