используя slidedown (), чтобы показать недавно добавленный элемент

Question

Я пытаюсь создать набор полей, который будет добавлять поле ввода файла в div И использовать функцию slidedown () для отображения вновь созданного поля.Этот простой код делает именно то, что мне нужно, но я не могу понять, как интегрировать действие сдвига.Я придумал решение, которое почти достигнуто, спрятав div # add_pic, добавив новое поле, затем slidedown (), но оно выглядит очень плохо.У кого-нибудь есть элегантное решение для этого?Спасибо !!

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

})