当更新时jQuery div向下滑动

Question

我有我的代码在这里检查我的图像表是否有新帖子。

当我有一个新的职位和我的时间戳的变化，我想一个div滑下说有新的更新， 像这样的画面：

setInterval('checkForUpdates', 30000); 
var lastTime = (new Date()).getTime(); 
function checkForUpdates() { 
    $.get('image.php?timestamp=' . lastTime 
     , function (results) { 
     if (results) { /* fade into dom */ } 
     } 
    ); 
    lastTime = (new Date()).getTime(); 
} 

Answer 1

你尝试使用滑下功能？ http://api.jquery.com/slideDown/ 或动画从0 jQuery animate height

Answer 2

//add the div with the new post text 
$("the conatiner id").prepend("<div class = 'new-post' style = 'width: 100%; height = 20px;'> A new post has been added </div>"); 
//make it slide down 
$("the container id").find(".new-post:last").slideDown("fast");