制作动画'；插入前'；jquery

有没有办法将动画添加到“inserBefore”中？我有一个wierd业务需求，需要在导航中从右侧的最后一个位置移动到左侧的第一个位置

当这种情况发生时，企业希望它是显而易见的，企业希望以一种生动的方式跨越

一个简单的例子是：

假设这是有问题的导航

<ul id="test">
  <li>First Item</li>
  <li>Second Item</li>
  <li>Third Item</li>
  <li>Fourth Item</li>
  <li>LAST Item</li>
 </ul> 

---

尝试此操作，查看是否可以编辑动画以执行所需操作

$('li:last')
    .animate({height:'toggle'},200)
    .insertBefore('li:first')
    .animate({height:'toggle'},200);

---

您可以这样做：

$("li:last").slideUp(function() {
  $(this).insertBefore("li:first").slideDown();
})​;​

---

，关键是在动画完成后在回调中执行。这是几个动画选项中的一个，例如，您也可以使用（您需要为它们包括jQuery UI）。

您可以显示ul的css吗？只是为了让测试更容易。非常简单，一旦你看到这一点，很容易修改。谢谢

$("li:last").slideUp(function() {
  $(this).insertBefore("li:first").slideDown();
})​;​