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

【问题标题】：How do I get a hamburger menu to hide when clicking a menu item that links to a section on the page?单击链接到页面上某个部分的菜单项时，如何隐藏汉堡菜单？
【发布时间】：2023-04-01 20:15:02
【问题描述】：

$('.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”之类的菜单项时关闭

【问题讨论】：

类似$('#dot a').click(function() { $('#dot').hide() })

标签： javascript css wordpress menu

【解决方案1】：

试试下面的代码

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

【讨论】：