Question

$('.menu-icon').click(function(event) {
       if ( $( '.menu-icon' ).hasClass( 'open' ) ) {
            $('.menu-icon').toggleClass('open');
            $('header').toggleClass('remove-bg');
            $('nav').fadeOut();
            $('#dot').show();
        } else {
            $('.menu-icon').toggleClass('open');
            $('header').toggleClass('remove-bg');
            $('nav').css("display", "flex").hide().fadeIn();
            $('#dot').hide();
        }
    });

菜单保持打开状态，但是当我单击“关于”链接到#about

之类的菜单项时，我希望它关闭

Answer 1

在下面尝试此代码

$('.full-screen a').on('click', function() {
    $('.menu-icon').toggleClass('open');
    $('header').toggleClass('remove-bg');
    $('nav').fadeOut();
    $('#dot').show();
})

单击链接到页面某个部分的菜单项时，如何隐藏一个汉堡菜单？

1 个答案: