jquery只悬停在子元素之外

Question

HI，

当你将鼠标悬停在孩子外面的父div上时，我试图隐藏一个孩子div，有什么想法我怎么能用jquery做到这一点？

目前使用悬停功能时，当我将鼠标悬停在父母的任何地方时，它会隐藏子div，包括在孩子上方时。

alt text http://img697.imageshack.us/img697/1794/82560121.gif

Answer 1

你可以这样做：

$('div').hover(function(){
  if ($(this).attr('id') === 'parentdiv') {
    $('div#childdiv').hide();
  }
});

Answer 2

$("div#parentdiv").hover(function () {
  $("div:child").hide("slow", function () {
    // use callee so don't have to name the function
    $(this).prev().hide("slow", arguments.callee); 
  });
});