使用slidedown()显示一个新附加的元素

Question

我正在尝试创建一个将文件输入字段附加到div的字段集,并使用slidedown()函数显示新创建的字段.这个简单的代码正是我需要做的,但我无法弄清楚如何集成slidedown动作.我确实提出了一个解决方案几乎就是隐藏div#add_pic,附加新字段,然后slidingown()它但它看起来非常糟糕.有没有人有这个优雅的解决方案？谢谢!!

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);

})

Answer 1

我不确定确切的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);

})