javascript - after() と slideDown() を組み合わせる

Question

ある条件で要素を追加しています。でもいきなり出てくるのではなく、下にスライドさせたい。追加方法は次のとおりです。

$('.myDiv').after('<div>added content</div>'); 

スライドダウンと組み合わせるにはどうすればよいですか?

Answer 1

代わりにこれを試してください：

$(".myDiv").after("<div style='display:none;'>added content</div>"); 
$(".myDiv").next("div").slideDown();

幸運を ！！

Answer 2

これを試してください：

$('.myDiv').after('<div style="display:none">added content</div>').next().slideDown();

Answer 3

... 追加先の div に要素を兄弟として追加する.next()ため、それが接続されている div で使用する必要があります.after()

これを試して

$('.myDiv').after('<div style="display:none;" class="newDiv">New Content</div>'); 

$('.myDiv').next('.newDiv').slideDown();

Answer 4

.newdiv{display:none;}最初に、css ファイルまたは次のようなインライン コードを使用して、入力した新しいコンテンツが非表示になっていることを確認します。<div style="display:none;">

次に、コールバック関数を使用して、after() メソッドを使用したときにドキュメントにコードが挿入された後にのみ開始します。

$('.myDiv').after('<div class="newdiv">added content</div>', function(){
    $('.newdiv').slideDown();
});