title: How to stop fadeIn() blinking?
body: <p>Currently I have a simple div that I want to have fade in on mouseover of another div, but it would blink 3 times.</p>
  
  <p>I've read some of the other questions and I think this has to do with how my code is structured. But I'm not sure how to correct mine as it's so basic already.</p>
  
  <p>Here are my codes:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $('.content .guide ul.guide li .event').mouseover(function(){
              $(this).find('.info').fadeIn();
          });
          $('.content .guide ul.guide li .event').mouseout(function(){
              $(this).find('.info').fadeOut();
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.content .guide ul.guide li .event .info {display:none;}
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul class="guide"&gt;
      &lt;li class="mon"&gt;
          &lt;div class="day"&gt;Monday&lt;/div&gt;
          &lt;div class="session-1 event"&gt;
              &lt;time&gt;7:30am&lt;/time&gt;
              &lt;span&gt;Ep 5: &lt;a href=""&gt;Lorem&lt;/a&gt;&lt;/span&gt;
              &lt;div class="info"&gt;
                  &lt;div class="tooltip"&gt;&lt;/div&gt;
                  &lt;div class="wrap"&gt;
                      &lt;div class="desc"&gt;Ep 8: Lorem ipsum&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="session-2 event"&gt;
              &lt;time&gt;8:30pm&lt;/time&gt;
              &lt;span&gt;Ep 5: &lt;a href=""&gt;Lorem&lt;/a&gt;&lt;/span&gt;
              &lt;div class="info"&gt;
                  &lt;div class="tooltip"&gt;&lt;/div&gt;
                  &lt;div class="wrap"&gt;
                      &lt;div class="desc"&gt;Ep 8: Lorem ipsum&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/li&gt;
      &lt;li class="tue"&gt;
          &lt;div class="day"&gt;Tuesday&lt;/div&gt;
          &lt;div class="session-1"&gt;
          &lt;/div&gt;
          &lt;div class="session-2"&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>