Basic Jquery drop down menu from scratch
<p>I am trying to build a basic drop down menu with jquery.   I have one button inside the top nav that when a user hover, a div will slide down below it.  Here is the code I have so far: </p>

<pre><code>&lt;script&gt;

$('.rentals-link').mouseenter(function() {
  $('.region-drop-down-menu').slideDown();
});

$('.region-drop-down-menu').hover(function() {
  $('.region-drop-down-menu').slideDown();
});

$('.region-drop-down-menu').mouseleave(function() {
  $('.region-drop-down-menu').slideUp();
});


&lt;/script&gt;
</code></pre>

<p>The problem with the code though is that I can not figure out how to make the div slide up when the mouse leaves the button area AND also have it slide up when leaving the div area.  Any suggestions?</p>
