Jquery 如何停止同时执行两个悬停效果？

我使用以下代码生成工具提示框。当用户将鼠标悬停在指定范围上时，该框将切换。问题是我在页面上有20或30个这样的列表，所以如果用户在列表上按下鼠标，我会看到所有30个按顺序出现和消失。如果有另一个工具提示当前可见或正在设置动画，是否有任何方法可以停止运行效果

    $('td.aO .tTCont').hover( function(){
    $(this).siblings('div.toolTip').delay(100).fadeToggle('200');})

请尝试以下代码：

$('td.aO .tTCont').hover( function(){
    $(this).children('.toolTip').delay(100).fadeToggle('200');})

---

您可以使用

.stop（）

停止当前动画，并使用

.clearQueue（）

删除所有排队/挂起的动画

在创建另一个动画之前，为相应的选择器调用（其中一个）将完成此操作

---

您可能需要与它们一起玩，以找到一个看起来不错的配置。：）

谢谢你的建议，但是这完全阻止了工具提示的出现…所以它需要这样的东西：

$（'td.aO.tTCont'）.hover（function（）{

$（'td.aO.tTCont'）.stop（）；

$（this）.兄弟（'div.toolTip'）.delay（100）.fadeToggle（'200'）；）

请确保也捕获仍在que中的那些。stop（）仅删除当前正在执行的一个。谢谢，经过一段时间的处理，我将使用以下内容：

$（'td.aO.tTCont'）.hover（function（）{$（this）.sibbs（'div.toolTip'）.fadeIn（'200'）；}，function（）{$（'div.toolTip'）.clearQueue（）.stop（）.css（'display'，'none'）；}）

考虑一下，我可以对悬停函数的'onMouseOut'部分执行回调以隐藏所有工具提示吗？可能吗？