Question

I would like to use slideDown() with my appendTo()

here is my present code

$(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>

my question is that Is there any possibility to apply slideDown() with my code ?

Answer 1

If you make the following changes it should work:

$('<div class="line" style="display:none">Word ' + wordscount + '<input type="text" class="input' + wordscount + '" value="' + wordscount + '" /></div>').appendTo(scntDiv).slideDown();

This makes it initially hidden allowing you to slide it down.