jQueryのinsertBeforeでアニメートできない

Question

私はHTML5リストを使用しています。新しい 'li'をアニメーションで動的に追加したいと思います。私はinsertBefore関数を使用しました。どのようにスライド効果（水平ウィジェットリスト）でリストをアニメーションできますか？

Answer 1

それは:)

を助けることを願っています@ Bhargavの答え

でこの

少しの修正を試みる更新答え

$("<li>Test</li>").insertBefore(".inner").hide().toggle('slide');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="container"> 
 
    <li>Greetings</li> 
 
    <li class="inner">Hello</li> 
 
    <li class="inner">Goodbye</li> 
 
</ul>

Answer 2

てみてください10