Question

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’

Related html code is

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

<table >
<tr>
<td class="menu"><a href="#" title="Home">Home</a></td>
<td class="menu"><a href="#" id="eves">Events</a></td>
<td class="menu"><a href="#" title="Tuneback">Tuneback</a></td>
<td class="menu"><a href="#" title="Registration">Registration</a>
</td><td class="menu"><a href="#"title="Helpdesk">Helpdesk</a></td>
</tr>
</table>

Related jquery code is

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

        $("tech_div").slideDown("slow");
    });
});​

Answer 1

mouseenter does not take two functions.. I think you are looking for .hover() or combination of mouseenter and mouseout

Looks like you are missing the Class selector

$(".tech_div").slideDown("slow");
   ^---------  Missing the class Selector

---

$('#eves').on({
    mouseenter: function() {
        $('.events').stop().slideDown("fast");
    },
    mouseout: function() {
        $('.events').stop().slideUp("fast");
    }
});

$('#non_tech').hover(function() {
    $(".tech_div").slideDown("slow");
});​

UPDATE

$('#eves').on({
    mouseenter: function() {
        $('.events').stop().slideDown("fast");
    }
});

$('#non_tech').hover(function() {
    $(".tech_div").slideDown("slow");
}, function() {
    $(".tech_div").slideUp("slow");
});​

Check Fiddle