onmouseenter and onmouseleave flashing when show/hide a div, how to manage?
<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>