flickering effect happening when trying to use show() and hide()
<p>I am trying to create a tooltip function for a webpage I am building. I have a table of elements and one of the columns contains a short description. I am trying to create an effect where a user hovers over the short description and I display the full description from a hidden div tag.</p>

<p>The hover effect is working however if I move down to the next row outside of the orginal div tag, the jquery gets into a confused state and flickers and doesnt allow me to mouse over to view the description of the row below.</p>

<p>If I mouse upwards it works fine.</p>

<p>My jquery function looks like </p>

<pre><code>$('.alarms-desc').live('mouseover mouseout', function (event) {
var target = $(this).find(".tooltip");
if (event.type == "mouseout") {
    target.hide("fast");
}
if (event.type == "mouseover") {
    target.show("fast");
}
</code></pre>

<p>});</p>

<p>My css looks like</p>

<pre><code>.tooltip {
display:none;
margin:0 10px 1em 0;
padding:8px;
background:#fcfcfc;
border:1px solid #e1e1e1;
line-height:130%;
background-color: #DCDCDC;
border: solid 1px #DCDCDC;
border-radius: 4px;
-moz-border-radius: 4px;
max-width: 500px;
position: absolute;
}

.alarms-desc
{
display: block;
}
</code></pre>

<p>Some of the html</p>

<pre><code>&lt;div id="AD_40ba5b52-8a8e-40cf-99e3-fbb9cbea8863" class="alarms-desc"&gt;

My short descrip 1
&lt;div id="tool_40ba5b52-8a8e-40cf-99e3-fbb9cbea8863" class="tooltip"&gt;This is my long    description that extends a long way.............................&lt;/div&gt;
&lt;/div&gt;
&lt;div id="AD_40ba5b52-8a8e-40cf-99e3-fbb9cbea8864" class="alarms-desc"&gt;

 My short descrip 2
 &lt;div id="tool_40ba5b52-8a8e-40cf-99e3-fbb9cbea8864" class="tooltip"&gt;This is my long description that extends a long way.............................&lt;/div&gt;
 &lt;/div&gt;
 &lt;div id="AD_40ba5b52-8a8e-40cf-99e3-fbb9cbea8865" class="alarms-desc"&gt;

  My short descrip 3
 &lt;div id="tool_40ba5b52-8a8e-40cf-99e3-fbb9cbea8865" class="tooltip"&gt;This is my long description that extends a long way.............................&lt;/div&gt;
 &lt;/div&gt;
</code></pre>

<p>Any suggestions what I need to change?</p>
