jquery show and hide buggy with hover, better coding?
<p>i know that it may be difficult to see the actual problem without looking throughout the whole script, but i'm curious if its a little buggy for anybody who has done a hover function and use show and hide.</p>

<p>My problem is that sometimes my element wouldn't show up, but when I move my mouse out and hover over again it shows. Its just not consistent of showing the element</p>

<pre><code>$('.Item').hover(function(){
    var container = $(".show-element",this).attr("id");
    $('#'+container ).show();
},function(){
    var container = $(".show-element",this).attr("id");
    $('#'+container ).fadeOut(200);
});

&lt;div class='Item'&gt;
&lt;div class='show-element' id='1'&gt;Show&lt;/div&gt;
&lt;div id='1'&gt;
some stuff
&lt;/div&gt;

&lt;div class='show-element' id='2'&gt;Show&lt;/div&gt;
&lt;div id='2'&gt;
some stuff
&lt;/div&gt;
&lt;!-- and so forth !--&gt;
&lt;/div&gt;
</code></pre>

<p>so this HTML shows a few div elements and my page has a while loop scripting through multiple elements.</p>

<p>Is there another way to do a hover a better way for consistency? </p>
