Javascript 停止循环并展开活动元素

我有这个动画

当我将其中一个框悬停时，是否有任何方法可以停止循环并扩展悬停的框

---

提前谢谢你

您可以使用.stop或.finish：

jQuery("#blue").hover(function() {
      $( this ).finish();
});

或

检查最符合您意图的API参考：

---

谢谢@Gal Samuel停止了循环，但如果我将鼠标悬停在绿色方框上，我需要该方框展开，而所有其他方框收缩。如果我将鼠标悬停在橙色上，该框将展开，其他所有框将收缩。。。对不起，我无法更好地解释。我的英语不是很好您需要按ID为每个框设置行为，或按类名为特定类设置行为。那就行了。

jQuery("#blue").hover(function() {
      $( this ).finish();
});

 jQuery("#blue").hover(function() {
      $( this ).stop(true,true);
});