javascript - 如何将 slideDown() 与 appendTo() 一起使用

Question

我想将 slideDown() 与我的 appendTo() 一起使用

这是我现在的代码

$(document).ready(function() {
    var scntDiv = $('#add_words');
    var wordscount = 1;
    $("#add_words").on("keyup","input[type='text']",function(e) {
            if($(this).attr("data-isused")!="true"){
            $(this).attr("data-isused","true");
            wordscount++;
            $('<div class="line">Word ' + wordscount + '<input type="text" class="input' + wordscount + '" value="' + wordscount + '" /></div>').appendTo(scntDiv);
            // i++
            return false;
        }
    });
});

'

<div id="add_words">
    <div class="line">Word 1<input class="input1" type="text" value="1" /></div>
</div>

我的问题是，是否有可能在我的代码中应用 slideDown()？

Answer 1

确保新添加的元素首先被隐藏:

$(element).hide().appendTo(someOtherElement).slideDown();