title: JQuery mouseenter() and mouseleave()
body: <p>So I have got this demo navigation, which has a small button on the side and when you hover the button, it slides the menu into the window. though I have got the hover working, but now when the mouse leaves, it's still open. how to fix this? I'm pretty new to jQuery by the way</p>
  
  <p>here's the html:</p>
  
  <pre><code>&lt;div id="demoNav"&gt;
      &lt;button class="open"&gt;&lt;/button&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="index.html"&gt;Home Pagina&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="product.html"&gt;Product Pagina&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="bestel.html"&gt;Bestel Pagina&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my jQuery:</p>
  
  <pre><code>$("#demoNav").mouseenter(function(){
         $("#demoNav").animate({marginLeft:'0px'}, 500)
  });
  </code></pre>
  
  <p>If you need more info, just tell me, I'll provide more codes.</p>