var usingMenu=false;
  var tmr;

$(document).ready(function () {
    $('span.menu_class').click(function () {
  $('ul.the_menu').slideToggle('medium');
    });
  
  $('ul.the_menu').mouseenter(function () {
  usingMenu=true;
    });
  $('ul.the_menu').mouseleave(function () {
  usingMenu=false;
    if(!tmr)
      clearTimeout(tmr);
      tmr=setTimeout('hideMenu()',500);
    });
  

  
});

  function hideMenu()
  {
      if(!usingMenu)
      {
            $('ul.the_menu').hide();
      }
    else
    {
    if(!tmr)
      clearTimeout(tmr);
      tmr=setTimeout('hideMenu()',500);
    }
  }