Javascript 合并after（）和slideDown（）

我在特定条件下添加一个元素。但我不想它突然出现，而是想把它滑下来。下面是我如何添加它的：

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

如何将其与slideDown结合使用？

请尝试以下方法：

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

祝你好运

试试这个：

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

祝你好运

试试这个：

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

试试这个：

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

您需要在它所连接的div上使用.next，因为.after。。。将元素作为同级添加到添加到的div

试试这个

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

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

您需要在它所连接的div上使用.next，因为.after。。。将元素作为同级添加到添加到的div

试试这个

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

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

---

首先，确保在css文件或内联代码中使用.newdiv{display:none；}隐藏您输入的新内容，如：

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

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

---

首先，确保在css文件或内联代码中使用.newdiv{display:none；}隐藏您输入的新内容，如：

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

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

---

请扩展您的示例代码。显示您的HTML和正在使用的JS事件。$'.myDiv'.hide.after'added content'.slideDown@阿切尔：差不多。after返回.myDiv，而不是新元素。请展开示例代码。显示您的HTML和正在使用的JS事件。$'.myDiv'.hide.after'added content'.slideDown@阿切尔：差不多。after返回.myDiv，而不是新元素。不完全。after字面上把新元素放在元素后面，紧挨着它。它不会将其作为子项添加，这就是为什么。append会添加。不完全。after字面上把新元素放在元素后面，紧挨着它。它不会将其作为子项添加，这就是为什么。append会这样做。