hover intent example

gistfile1.js

var showMenu = function(){
  $(this)
  .find(' > a')
  .stop().animate({
    backgroundColor: menuBGHilight,
    color: menuColorHilight
  }, 'fast');
  
  $(this).find('.sub-navigator').length>0 &&
    $(this).find('.sub-navigator').stop(true,true).slideDown(1000, 'easeInOutBack');
};

var hideMenu = function(){
  $(this)
  .find(' > a')
  .stop().animate({
    backgroundColor: menuBGNormal,
    color: menuColorNormal
  }, 'fast');
  
  $(this).find('.sub-navigator').length>0 &&
    $(this).find('.sub-navigator').stop(true,true).fadeOut('fast');
};

$('.page-navigator .nav-item').hoverIntent({
  over: showMenu,
  out: hideMenu,
  timeout: 400
});