Jquery 使用slidedown（）显示新附加的元素

我试图创建一个字段集，将文件输入字段附加到div，并使用slidedown（）函数显示新创建的字段。这个简单的代码正是我需要做的，但我不知道如何集成slidedown操作。我确实想出了一个几乎可以解决的解决方案，隐藏div#add#u pic，添加新字段，然后向下滑动（），但看起来非常糟糕。有人对此有一个优雅的解决方案吗？谢谢

function add_file_input() {

$('div#add_pic').append("<label>Artist Pic:</label><input type='file' name='pics[]'><br     />");

}

$(document).ready(function(){

$('a#add_field').click(add_file_input);

})

函数添加文件输入（）{
$（'div#add_pic'）。追加（“艺术家pic:
”）；
}
$（文档）.ready（函数（）{
$（'a#添加字段'）。单击（添加文件输入）；
})

我不确定确切的HTML布局，但我会将您添加的内容包装到另一个隐藏的div中，然后向下滑动新添加的div。像这样

function add_file_input() {

   $('div#add_pic').append("<div class="addedDiv" style="display:none"><label>Artist Pic:</label><input type='file' name='pics[]'><br     /></div>");
   $('div.addedDiv').slideDown("slow");

}

$(document).ready(function(){

   $('a#add_field').click(add_file_input);

})

函数添加文件输入（）{
$（'div#add_pic'）。追加（“艺术家pic:
”）；
$（'div.addediv'）。向下滑动（“慢速”）；
}
$（文档）.ready（函数（）{
$（'a#添加字段'）。单击（添加文件输入）；
})

作为旁白：

$（'a#add_字段'）

可能应该是：

$（'a#add_字段'）

。id是唯一的，因此不需要包含任何其他内容，如果选择器中只有id，jQuery将能够更快地找到它（使用

document.getElementById（）

）。与

$（'div#add(u pic'）

相同，应该是

$（'add)pic'）

。哇，这真是太棒了。我想我必须添加一个：last选择器，这样它只能向下滑动添加的最后一个div，但它的工作原理与您描述的一样。当我开始摆弄柜台时，我感觉自己做错了。非常感谢约翰！这个看起来很优雅。我不知道是否有人在附近，因为这篇文章已经2年了。但我试图将数据附加到购物车中添加的项目的表布局中。有办法吗？把tr和td放在一个分区里是行不通的。谢谢@Chris22你在问是否可以添加一个tr并使其向下滑动？@Chris如果你试图设置tr的动画，那么这里有一个有用的链接。