var handler = $('#nav li.handler');
var submenu = $('#nav li ul');

submenu.css('display','none');

$.each(handler, function(key, el)
{
  $(this).bind({
    mouseenter: function()
    {
      $(this).addClass('current');
      submenu.css('display', 'none');
      $(el).children('ul').css('display','block');
    },
    mouseleave: function()
    {
      $(this).removeClass('current');
      submenu.css('display','none');
    },
  });
});

