fadeIn() с помощью jQuery

Question

У меня есть страница, где я могу прокомментировать конкретный элемент (вид детальной страницы). Я хочу добавить этот комментарий в jquery. Моя проблема в том, что все исчезает. Не только обновление, которое я публикую.

request.done(function (msg) {
    if (msg.status == "success") {
        var comment = msg.comment;
        var name = msg.name;
        var update = "<li class='description'>" + comment + "</li><li class='user'>" + name + "</li>";

        $("#bug_list ul").prepend(update);
        $("#bug_list ul li").hide();
        $("#bug_list ul li").fadeIn(update);
        $("#bug_message").val("");
    }
});

код на моей странице:

<div id="bug_list">
    <ul id="listupdates">
        <?php if(isset($comment)) $comment->GetAllComments($id); ?></ul>
</div>

моя функция:

public function GetAllComments($id) {
    $db = new Db();
    $select = "SELECT * FROM tblcomments WHERE bug_id =".$id." ORDER BY comment_id DESC"; 
    $result = $db - > conn - > query($select);
    while ($row = mysqli_fetch_assoc($result)) {
        echo "<li class='description'>".$row["comment_text"]."</li>";
        echo "<li class='user'>".$row['name']."</li>";
    }
}

Answer 1

Попробуй это -

$("#bug_list ul li:first").hide();
$("#bug_list ul li:first").fadeIn();