Javascript AppendToアニメーションが動作しない

Question

appendToを使用して、ある親から別の親divに子divを移動しています。ここでの機能の一部は、次のとおり

$('#forum_holder_hidden').children().slice(0,5).appendTo("#forum_holder").fadeIn(8000); 

これは、二つのdivのHTML出力である：なし：

echo '<div id="outside-one">'; 
    echo '<div class="inside" id="1"></div>'; 
    echo '<div class="inside" id="2"></div>'; 
    echo '<div class="inside" id="3"></div>'; 
    echo '<div class="inside" id="4"></div>'; 
    echo '<div class="inside" id="5"></div>'; 
    echo '<div class="inside" id="6"></div>'; 
    echo '<div class="inside" id="7"></div>'; 
    echo '<div class="inside" id="8"></div>'; 
    echo '<div class="inside" id="9"></div>'; 
    echo '<div class="inside" id="10"></div>'; 
echo '</div>'; 

echo '<div id="outside-two">'; 
    echo '<div class="inside" id="11"></div>'; 
    echo '<div class="inside" id="12"></div>'; 
    echo '<div class="inside" id="13"></div>'; 
    echo '<div class="inside" id="14"></div>'; 
    echo '<div class="inside" id="15"></div>'; 
    echo '<div class="inside" id="16"></div>'; 
    echo '<div class="inside" id="17"></div>'; 
    echo '<div class="inside" id="18"></div>'; 
    echo '<div class="inside" id="19"></div>'; 
    echo '<div class="inside" id="20"></div>'; 
echo '</div>'; 

第二の親（ID =外個）は、CSSプロパティの表示を有しています。ユーザーがページの一番下までスクロールすると、子divsを2番目の親から最初の親に移動して表示します。

最後に何のアニメーションを使用するかは問題ではありませんが、それでも何も変わりません。 ここで何か間違っているのですか、またはappendToを使用しているときにアニメーションがまったく機能しませんか？

Answer 1

「出現する」アニメーションでは、アニメーションが開始する前に要素がdisplay:noneである必要があります。アニメーションを実行する前にそれを設定してみてください。

$('#forum_holder_hidden').children().slice(0,5).appendTo("#forum_holder").css('display','none').fadeIn(8000);