javascript - 移动带有动画滑动效果的行

Question

在一个容器中，我有四行。每个都有不同数量的列。每当我点击每一行时，它应该移动到下一行。但是，在单击最后一行(到达最终位置的任何行)时，它应该移动到第一行。我可以使用以下代码移动行，但我需要移动具有动画滑动效果的行(这就是使用动画移动行)。

$(".row").each(function() {
  $(this).click(function(){
    if (($(this).next()).length === 1 )
    {
      $(this).insertAfter($(this).next());
    }
    else
    {
      $(this).insertBefore($(this).siblings().first());
    }
  }
}

Answer 1

你想要这样吗？

$(".row").each(function() {
  $(this).click(function(){
    if (($(this).next()).length === 1 )
    {
      $(this).insertAfter($(this).next()).hide().show('slow');;
    }
    else
    {
      $(this).insertBefore($(this).siblings().first()).hide().show('slow');;
    }
  });
});

fiddle link