Am not getting my jquery menu sliding down in below code
<p>Am not getting div_tech div sliding down when mouse comes over an element with id="non_tech" which is in another div which slides down on mouse over 'Events'
<br/>Related html code is</p>

<pre><code>&lt;div class="events"&gt;
   &lt;img src="arrow.png" alt="arrow" class="img_arw" /&gt;
   &lt;table class="tab_evnts"&gt;
      &lt;tr&gt;
         &lt;td class="eve_mentd" id="tech"&gt;
            &lt;a href="#"&gt;
                &lt;span class="eve_men"&gt;Technical&lt;/span&gt;
            &lt;/a&gt;
         &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
         &lt;td class="eve_mentd" id="non_tech"&gt;
            &lt;a href="#"&gt;
               &lt;span class="eve_men"&gt;Non- Technical&lt;/span&gt;
            &lt;/a&gt;
         &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
         &lt;td class="eve_mentd" id="gamers"&gt;
            &lt;a href="#"&gt;
               &lt;span class="eve_men"&gt;Gamer&amp;#39;s Inn&lt;/span&gt;
            &lt;/a&gt;
         &lt;/td&gt;
      &lt;/tr&gt;
   &lt;/table&gt;
   &lt;div class="tech_div"&gt;
   &lt;/div&gt;
&lt;/div&gt;

&lt;table &gt;
&lt;tr&gt;
&lt;td class="menu"&gt;&lt;a href="#" title="Home"&gt;Home&lt;/a&gt;&lt;/td&gt;
&lt;td class="menu"&gt;&lt;a href="#" id="eves"&gt;Events&lt;/a&gt;&lt;/td&gt;
&lt;td class="menu"&gt;&lt;a href="#" title="Tuneback"&gt;Tuneback&lt;/a&gt;&lt;/td&gt;
&lt;td class="menu"&gt;&lt;a href="#" title="Registration"&gt;Registration&lt;/a&gt;
&lt;/td&gt;&lt;td class="menu"&gt;&lt;a href="#"title="Helpdesk"&gt;Helpdesk&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>Related jquery code is<br></p>

<pre><code>$(document).ready(function() {
    $('#eves').mouseenter(function() {
        $('.events').stop().slideDown("fast");
    }, function() {
        $('.events').stop().slideUp("fast");
    });
    $('#non_tech').hover(function() {

        $("tech_div").slideDown("slow");
    });
});​
</code></pre>
