Click事件Javascript中的if语句

Question

我是Jquery的新手，正在使用样式为红点的列表项网格。我这样做的目的是，当您将鼠标悬停在一个点上时，会给它一个带有使特定点增长的动画的类。

班级

.twoHover{
transform-origin: center;
animation: makeDotsBig 1s forwards;
}
@keyframes makeDotsBig {
  0%{
    -webkit-transform: scale(1);
  }
  100%{
    -webkit-transform: scale(3);
  }
}

JS

var numDots = 0;
$("li").on('mouseover', function(event){
    event.preventDefault();
    $(this).addClass("twoHover");
    numDots++;
})

我现在的问题是，所有点都展开后，我想触发一个动画，使它们全部动画为页面上的相同重叠。我已经用一个单击事件进行了测试，该事件是控制台记录“ numDots”并且鼠标悬停成功地添加到数字上的，但是无论是什么类型的if，while或for循环，我都无法使动画触发一旦“ numDots”达到我想要的数字（在这种情况下为25）。

如果有人可以引导我朝正确的方向寻求解决方案，我将不胜感激！