Jquery getting child div within a div

Question

I have a css div and within that div another div exists. How can I get the child div while the mouse hovers over the parent div? As here:

<div class="parent">
  <div class="child">
  </div>
</div>

When the mouse gets over the parent div, I want the child div to be displayed.

Answer 1

This works:

$('.child').hide();   // or $('.parent').children().hide();

$('.parent').hover(
    function() { $(this).children('div').show() },
    function() { $(this).children('div').hide() }
);

Example at http://jsfiddle.net/4kMuD/, although that uses IDs rather than classes for the selector.

I've assumed (although you didn't say) that you want the child div to disappear again when you're no longer hovering over the parent.