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