Конфликт между .show () и .append () в JQuery

Question

У меня есть div с id="poidiv", чей display изначально равен 'none'. Теперь я хочу загрузить его более одного раза с циклом (максимальное значение цикла является динамическим). Я попробовал это с JQuery .append().clone().

Вот пример кода--

$(document).ready(function(){  

    $("#levelnext").click(function(){
        for(i=1; i<=level; i++){  
            $("#leveldiv").append($("#poidiv").clone().removeAttr("id"));
        }
    });
});

Но поскольку display из "poidiv" изначально было 'none', он не появляется с этим фрагментом кода. Теперь, если я хочу показать это с .show() до начала цикла, цикл не работает должным образом. Что может быть хорошим решением в этой ситуации?

Answer 1

Вы можете .show() в цепочке, например:

$("#leveldiv").append($("#poidiv").clone().removeAttr("id").show());