jquery - 付加されたテキストjQueryをスライドさせます

Question

新しいメッセージを上部に追加するjqueryajaxチャットボックスがありますが、そのjqueryアニメーションでそれらをスライドさせるにはどうすればよいですか？

私の現在のコード：

$('#chatbox').prepend(document.getElementById('new_posts').innerHTML);

簡単だと思いますが、私は初心者です。

Answer 1

さて、あなたはそのように前に付けられたテキストを追加することを試みることができます。

var d = new Date();
$('#chatbox').prepend('<span id="' + d.getTime() + '" style="display:none">' + document.getElementById('new_posts').innerHTML + '</span>');

これで、新しいメッセージはそれぞれ、現在の時刻のIDを持つspanタグでラップされるため、一意になります。また、非表示に設定しました。

そこで、新しいものを下にスライドさせます。

$('#chatbox span#' + d.getTime()).slideDown('slow');