.slideUp() 和 slideDown() on mouseover() 问题 - 每个元素不同

Question

当前问题是$(".someclass").is(":hover") works well for only single "someclass" instance的扩展

下面的 jquery sn-p 适用于 http://jsfiddle.net/4x661tt6/

$(document).ready(function() {
  $("body").mousedown(function() {
      if ($(".title").is(":hover") || $(".helper:hover").length ) return;
      $(".helpers").slideUp(); //slideToggle();
  });
  $(".title").mouseover(function() {
    $(".helpers").slideDown();
  });
});

我的下一个问题是让它与http://jsfiddle.net/4x661tt6/1/ 一起运行（识别文档鼠标点击，不包括“.title”“.helper”），此外，让每个标题以不同方式触发其拥有的子项 slideDown()。 .

现在，在另一个菜单的源代码扩展之后，悬停在任何“.title”slidesDown() 两个实例上，背景点击停止被识别

---

编辑：我更改了返回行

if ($(".title:hover").length || $(".helper:hover").length ) return; //is(":hover")

它现在可以识别更多“.title”实例....我可以早点挖掘它！

现在唯一的问题是以不同的方式向下滑动每个“.title”，我会在家

Answer 1

is(":hover") 仅适用于单个实例。

试试这个：

$("body").mousedown(function() {
   var isHovered = !!$('.title, .helper').
                filter(function() { return $(this).is(":hover"); }).length;

   if (isHovered)
     return;
  alert( 'triggered' );
});

http://jsfiddle.net/wxfok6mv/1/