Как получить меню гамбургера, чтобы скрыть при нажатии на элемент меню, который ссылается на раздел на странице?

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();
})