在多个 div 之间随机播放图像

Question

我有一些代码的代码笔。卡片翻转按预期工作，但无法使洗牌部分工作。图像消失。背面图像（图像 2-5）将消失，直到页面被重置而不是洗牌到其他卡片。我不知所措。

https://codepen.io/kyledrew/pen/wbOBwe

它应该如何工作是当我单击随机播放按钮时，图像 2-5 在加载页面或按下按钮时随机移动到其他卡片的背面。任何关于我出错的地方的帮助将不胜感激。

这是我正在使用的代码

function shuffle() {

$(".shuffleImg").each(function() {

  var divs = $(this).find(".images");

  for (var i = 0; i < divs.length; i++) $(divs[i]).remove();

  var i = divs.length;

  if (i == 0) return false;

  while (--i) {

    var j = Math.floor(Math.random() * (i + 1));

    var tempi = divs[i];

    var tempj = divs[j];

    divs[i] = tempj;

    divs[j] = tempi;

  }

  for (var i = 0; i < divs.length; i++) $(divs[i]).appendTo(this);

});

}

});