合并后（）和了slideDown（）

Question

我在一定的条件添加元素。但我不希望它突然出现，而是想将它滑下来。以下是我如何添加它：

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

如何将它与slideDown结合？

Answer 1

试试这个：

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

GOOD LUCK !!

Answer 2

尝试了这一点：

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

Answer 3

您需要在DIV使用.next()其所附着因为.after() ...添加元素作为同级其所添加的格

试试这个

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

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

Answer 4

首先确保你输入要么在你的CSS文件o使用.newdiv{display:none;}隐藏的新内容r嵌入代码如：<div style="display:none;">

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

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