移动具有动画滑动效果的行

Question

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

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