How to stop fadeIn() blinking?
<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>
