jquery切换带有隐藏延迟的悬停项

我将这段代码从其他地方的一个片段组合起来，所以我可能做得不太好。 我有多个div，如下所示：

<div class="services">
<p>...</p>
<ol class="serviceList" style="display: none;">
  <li>
    <p>service</p>
    <ul>
      <li>service description</li>
    </ul>
  </li>
...
</ol>
</div>

我对范围的理解很差，所以我不知道get（0）是关于什么的。我一直试图在鼠标上方设置一个事件，检查是否有任何其他“serviceList”处于

活动状态，然后将其隐藏。这是可行的，除非你在“服务”之间切换得太快。我甚至接近做到这一点，对吗

谢谢
您应该尝试使用该插件。这就是它的设计目的

$('.services').hoverIntent(
     function() { // over
        $(this).find('.serviceList:first').slideDown();
     },
     function() { // out
        $(this).find('.serviceList:first').slideUp();
     }
);

请注意，这基本上与方法相同，但它包括您正在寻找的延迟。
您应该尝试使用该插件。这就是它的设计目的

$('.services').hoverIntent(
     function() { // over
        $(this).find('.serviceList:first').slideDown();
     },
     function() { // out
        $(this).find('.serviceList:first').slideUp();
     }
);

请注意，这与方法基本相同，但它包括您要查找的延迟。
注意：我更改了遍历方法，因为列表是DIV的子级而不是同级。注意：我更改了遍历方法，因为列表是DIV的子级而不是同级。