Question

Is there anyway to interact with the DOM using jQuery that when a user hovers over a div a menu appears, but when they hover over a particular child element inside that parent, nothing happens?

Code so far

$('#player_area:not(< #player_links)').live("mouseenter", function() {
  return $('#album_tracks').slideDown(200);
}).live("mouseleave", function() {
  return $('#album_tracks').hide();
});

Answer 1

Here is what you need : http://api.jquery.com/mouseover/

mouseenter and mouseleave method.

Check the example demo 😉