innerHTML与动画

Question

我正在创建一个记忆游戏，我想在翻转卡片时添加动画。 我的代码基于本教程：https://www.youtube.com/watch?v=c_ohDPWmsM0

这里我正在显示图片，但是当你点击一张卡片时，我想添加一个翻转动画。

  if(tile.innerHTML == "" && memory_values.length < 2){

     tile.innerHTML = '<img class="img-tile" src="assets/' + val + '.png"/>';
  }

我尝试用jQuery这样做，但它没有用。

 tile.fadeOut(1000, function(){
      tile.html('<img class="img-tile" src="assets/' + val + '.png"/>').fadeIn(1000);
 });