當更新時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");