在()和slideown()之后组合

Question

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

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

如何将其与SlideWown结合？

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

首先确保您输入的新内容使用.newdiv{display:none;}在CSS文件或内联代码中，例如：<div style="display:none;">

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

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