Как закрыть мобильное меню при клике на якорные ссылки

Question

Мне нужна помощь с мобильным меню.Я пытаюсь найти / добавить скрипт, который закрывает меню после нажатия на пункт меню.Может ли кто-нибудь помочь с.

Моя страница https://www.institut -vz.si /

Итак, когда вы нажимаете на ссылку меню, он идет в раздел, но менювсе еще открытПоэтому мне нужен какой-нибудь скрипт, который он должен закрыть после нажатия на ссылку меню.

Когда вы нажимаете на меню бургера, «стиль» меняется с display: none на display: block, а пункт меню получает класс «inView current_page_item».

Любая помощь, пожалуйста.

<nav id="main-menu" class="menu-header-menu-container">
<ul class="menu menu-toggle-open" style="display: block; overflow: visible;">
    <li id="menu-item-16670" class="menu-item"><a href="#home">Home</a></li>
    <li id="menu-item-16673" class="menu-item  inView current_page_item"><a href="#service">Service</a></li>
    <li id="menu-item-16676" class="menu-item"><a href="#aboutus">About us</a></li>
    <li id="menu-item-16677" class="menu-item"><a href="#contact">Contact</a></li>
</ul>

Также в мобильном меню есть этот активный код JS:

//Mobile Menu
$("#dt-menu-toggle").click(function( event ){
    event.preventDefault();

    var $menu = $("nav#main-menu").find("ul.menu:first");
    $menu.slideToggle(function(){
        $menu.css('overflow' , 'visible');
        $menu.toggleClass('menu-toggle-open');
    });

    var $right = $("nav#main-menu").find("ul.menu-right");
    if( $right.length ) {
        $right.slideToggle(function(){
            $right.css('overflow' , 'visible');
            $right.toggleClass('menu-toggle-open');
        });    
    }       
});

Answer 1

Добавьте этот скрипт в footer.php

jQuery(document).on("click",".menu-item", function(){

    jQuery(".menu-item").closest(".menu").removeClass("menu-toggle-open").hide();
});