结合after（）和slideDown（）

Question

我在某个条件下添加元素。但我不希望它突然出现，而是想把它滑下来。这是我添加它的方式：

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

如何将其与slideDown结合使用？

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()，因为.after() ...将元素作为兄弟添加到添加它的div中

试试这个

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

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

Answer 4

首先确保您输入的新内容使用{c}文件或内联代码.newdiv{display:none;}隐藏，<div style="display:none;">

然后使用回调函数仅在使用after（）方法后在代码插入文档后启动。

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