$(function(){
    var activeMenu = null;
    var menuTimer = null;
    $(".mainMenu>li").hover(function(){
        if(activeMenu != null) {
            clearTimeout(timer);
            activeMenu.css("visibility","hidden");
            activeMenu.removeClass("active");
        }
        activeMenu = $(this).find("ul");
        activeMenu.addClass("active");
        activeMenu.css("visibility","visible");
        //alert("ffasdf");
    });
    $(".mainMenu").mouseleave(function(){
        timer = setTimeout(function(el){
            $(".mainMenu").find("ul").css("visibility","hidden");
        },1000);
    });
});