zxf/js/main.js

let isClose = true;

function showMenu() {
    $('.menu-group').show().addClass('fadeIn');
    $('.menu-mask').show().addClass('fadeIn');
    $('.btn-img').attr('src', '/images/guanbi.png');
    isClose = false;
}

function hideMenu() {
    $('.menu-group').removeClass('fadeIn').hide();
    $('.menu-mask').removeClass('fadeIn').hide();
    $('.btn-img').attr('src', '/images/menu.png');
    isClose = true;
}

$(function () {
    $('.header').load('/common/header.html');
    $('.footer').load('/common/footer.html');

    $('.header').on('click', '.menu-btn', function () {
        (isClose == true) ? showMenu() : hideMenu();
    });
    $('.header').on('click', '.menu-mask', function () {
        hideMenu();
    });

    new WOW().init();
});