title: Menu Jquery but no work me
body: <p>I create simple code for show div when mouse over one link and create simple menu head , the idea it´s when go over the link show me one div and before i can go over this div and select i want over it , but actually i can´t select nothing because if i no over the link the div hide all time </p>
  
  <p>My code it´s this : </p>
  
  <pre><code>&lt;style&gt;
  #menu_content_head
  {
  top:125px;
  position:absolute;
  width:200px;
  min-height:100px;
  height:auto;
  border:1px solid #000000;
  background-color:green;
  }
  &lt;/style&gt;
  
  
  &lt;script&gt;
  function menu_head(id)
  {
  
  $(document).ready(function() {
  
  $("#h1").hover(function () {
  $(".head_m_1").show( "slide", {direction: "up" }, 2000 );
  });
  
  $("#h1").mouseout(function () {
  
  $(".head_m_1").hide( "slide", {direction: "up" }, 2000 );
  });
  
  
  });
  
  
  }
  &lt;/script&gt;
  
  
  &lt;div id="web_header_menu_boton"&gt;
  &lt;a href="#" onmouseover="menu_head('head_m_1');" id="h1"&gt;Menu 1&lt;/a&gt;
  &lt;/div&gt;
  
  
  &lt;div id="menu_content_head" style="display:none;" class="head_m_1"&gt;Content 1&lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/davidThomas/ZYPW7/" rel="nofollow">JS Fiddle reproduction of posted-code</a>.</p>
  
  <p>THE PROBLEMS :</p>
  
  <p>1 ) The animation repit more of 1 time , i don´t know why ..... i use stop() , but no work me
  2 ) When i go over the link , in first moment no show me the effect of show div , i need go over the link other time for works 
  3 ) When i go out over the link the div hide content and i can´t select nothing into the div show </p>
  
  <p>3 things that i need fix , i try but i don´t know how i can do this , and no need nothing more of this , no need complex menu or plugins </p>
  
  <p>Thank´s for the help , Regards !!!</p>