javascript - 结合 after() 和 slideDown()

Question

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

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

如何将它与 slideDown 结合使用？

score 4 · Accepted Answer

试试这个：

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

祝你好运！！

score 3 · Accepted Answer

试试这个：

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

score 1 · Accepted Answer

您需要.next()在它所附加的 div 上使用，因为.after()... 将元素作为兄弟元素添加到它所添加到的 div

试试这个

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

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

score -1 · Accepted Answer

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

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

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

4 回答 4