title: jQuery Sibilings DIV show/hide mouseout trigger
body: <p>I am aware that they may be the same questions out there answered, i just can't seem to formulate my problem without showing my code:</p>
  
  <p>I wish to have a DIV show on mouseover, however when i loose focus on the div the code naturally thinks i want it hidden again.. which i do but NOT when i change focus to the newly shown DIV. Any suggestions?</p>
  
  <pre><code>       $('.eventinfo2').mouseover(function(){
         $(this).parent().siblings('.snippetinfo').show();
     })
     $('.eventinfo2').mouseout(function(){
         $(this).parent().siblings('.snippetinfo').hide(); 
  
     });
  </code></pre>
  
  <p>the HTML:</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="eventinfo2"&gt;
      ...
  &lt;/div&gt;
  &lt;div class="snippetinfo" style="display:none;"&gt;
  ...
  &lt;/div&gt;  
  </code></pre>
  
  <p></p>
  
  <p>Any help appreciated. I'm assuming i either need to set a variable and a conditional ?  </p>