用jquery重启after条件动画

<div class="box"></div>

.box {
  width: 100px;
  height: 100px;
  background-color: red;
}

.box:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-color: blue;
  animation: myAnimation 2s infinite;
}

@keyframes myAnimation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100px);
  }
}

$(document).ready(function() {
  $(".box").toggleClass("restart-animation");
});