两个mouseenter功能一次运行？ （动画颜色和播放声音）

Question

我一直在this website上使用克隆的音频脚本来获取在mouseenter上播放的音频。

    $(".wrapper")
  .each(function(i) {
    if (i != 0) {
      $("#beep-two")
        .clone()
        .attr("id", "beep-two" + i)
        .appendTo($(this).parent());
    }
    $(this).data("beeper", i);
  })
  .mouseenter(function() {
    $("#beep-two" + $(this).data("beeper"))[0].play();
  });
$("#beep-two").attr("id", "beep-two0");

我也一直在使用彩色动画实现mouseenter功能。我的代码是JSfiddle.

我可以让颜色和声音独立运作。但是当我一次使用它们时，它们都不会起作用。

如何在我的代码的每个单词的mouseenter上播放彩色动画和声音？