title: onmouseenter and onmouseleave flashing when show/hide a div, how to manage?
body: <p>I have a list of divs, each div contain an image, hovering this image a div must appears. This div will disappear on mouse leave. This is my javescript code:</p>
  
  <pre><code>function Open(id){
          var div="#but_container_crs_box_"+id;
          $(div).show();
      }
      function Close(id){
          var div="#but_container_crs_box_"+id;
          $(div).hide();
      }
  </code></pre>
  
  <p>this his the html that is placed inside each div of the list:</p>
  
  <pre><code>&lt;div id="but_container_crs_box_1" class="but_container_crs" style="display:none;"&gt;ShowHide content&lt;/div&gt;
  
      &lt;img src="images/photo.jpg" alt="" class="img_box"  onmouseenter="javascript:Open(&lt;?php echo $i;?&gt;);" onmouseleave="javascript:Close(&lt;?php echo $i;?&gt;);" &gt;
  </code></pre>
  
  <p>On mouse hover the div flash beetween hide and show state, how i can manage it? I want only 1 call when mouseenter and only 1 call when mouseleave on each div of the list</p>