$(function () {

    $(".menus").click(function () {
        $('.z_menu_mask').addClass('on')
    })
    $(".z_menu_close").click(function () {
        $('.z_menu_mask').removeClass('on')

    })


    $(".toggle,.maskbg").click(function () {
        $(".toggle,.maskbg").toggleClass("on");
        $(".nav").toggleClass("open");
        var _top = $(window).scrollTop();
        var _dtop = $("body").attr('data-top');
        if ($(".nav").hasClass("open")) {
            $("html").addClass("noscroll");
            $("body").attr('data-top', _top).css("top", -_top + "px");
        } else {
            $("html").removeClass("noscroll");
            $(window).scrollTop(_dtop);
            $("body").removeAttr("style data-top");
        }
    });
    $('.nav ul li i').click(function (e) {
        $(this).parent().children("ul").slideToggle().parent().siblings().children("ul").slideUp();
        $(this).toggleClass("down");
        $(this).parent().siblings().find("i").removeClass("down");
    });


    var toTop1 = $(window).scrollTop();
    if (toTop1 > 60) {
        $('.header').addClass('active');
    }
    $(window).scroll(function (event) {
        var toTop = $(window).scrollTop();
        if (toTop > 60) {
            $('.header').addClass('active');
        } else {
            $('.header').removeClass('active');
        }
    });


})