jquery only hover outside child element

Question

HI,

I am trying to hide a child div when you hover on the parent div outside the child, any ideas how I can do this using jquery?

At the moment using the hover function, it hides the child div when I hover anywhere over the parent, including when over the child.

Answer 1

You can go about something like this:

$('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); 
  });
});