divをjQueryで非表示にするにはどうすればいいですか？

Question

私はajax呼び出しでhtmlを更新します。私は非表示としての要素を追加する必要があり、その後、アニメーションを適用します。

$.ajax({ 
    success: function (data, textStatus) { 
     $(".comments").prepend(data); 
     $(".comments .comment-frame:first").slideDown("slow"); // it doesn't work, since element is visible 

データが追加さ：

<div class="comment-frame"> 
... 
</div> 

を私はすでにとページ上の他の要素を持っているので、私は、クラスcomment-frameが隠さ作るために、CSSを変更することはできません同じクラスを表示する必要があります。だから、どういうわけか私はそれをdataを隠して追加するべきです。どうしたらいいですか？

Answer 1

あなたは.prepend()は$(".comments")にそれをINGの前にそれをdataのうち、jQueryオブジェクトを作成し、.hide()ことができます。

$.ajax({ 
    success: function (data, textStatus) { 
     var $data = $(data).hide(); 
     $(".comments").prepend($data); 
     $(".comments .comment-frame:first").slideDown("slow"); 

Answer 2

あなたがそれを挿入すると、隠しだラッパーを作成します。

$(".comments").prepend('<div style="display:none">'+data+'</div>');