Открытие и закрытие меню при нажатии на #ссылку

Подскажите, пожалуйста, как сделать чтобы закрывалось меню в мобильной версии, если нажать на ссылку в меню которая ведет именно на id (например href="#contacts"), переходит на пункт на странице, но не закрывается меню.. Если же на обычную ссылку идти то, меню закрывается.. Буду очень благодарен!

<!-- index.html -->

    <!-- mobile navbar -->
            <div class="kf-navbar-mobile">
        
                <!-- mobile menu -->
                <div class="kf-main-menu">
                    <ul>
                        <li><a href="#">Главная</a></li>
                        <li><a href="#">О нас</a></li>
                        <li><a href="#">Услуги</a></li>
                        <li><a href="#">Наши преимущество</a></li>
                        <li><a href="#contacts">Контакты</a></li>
                    </ul>
                </div>

/*
    Header Sticky
*/
if($('.kf-header').length) {
    $(window).on('scroll', function(){
        if ( $(window).scrollTop() > 48 ) {
            $('.kf-header').addClass('fixed');
        } else {
            $('.kf-header').removeClass('fixed');
        }
    });
}
if(!$('.kf-started-inner .kf-parallax-bg').length && !$('.kf-started-slider').length) {
    $('.kf-navbar').addClass('inner-navbar');
}

/*
    Header Menu Button
*/
$('.kf-header').on('click', '.kf-menu-btn', function(){
    if($(this).hasClass('active')) {
        $(this).removeClass('active');
        $('.kf-header').removeClass('show');
        $('.kf-header').addClass('no-touch');
        setTimeout(function(){
            $('.kf-header').removeClass('animated');
        }, 500);
        setTimeout(function(){
            $('.kf-header').removeClass('opened');
            $('.kf-header').removeClass('no-touch');
        }, 1000);
    }
    else {
        $(this).addClass('active');
        $('.kf-header').addClass('animated');
        $('.kf-header').addClass('no-touch');
        setTimeout(function(){
            $('.kf-header').addClass('opened');
        }, 500);
        setTimeout(function(){
            $('.kf-header').addClass('show');
            $('.kf-header').removeClass('no-touch');
        }, 1000);
    }
    return false;
});