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

Question

Я добавил несколько якорных ссылок на веб-сайт (https://jamesandgemmawedding.co.uk),, однако, при нажатии на них через мобильное меню оно остается открытым, занимая половину экрана. Я хочу, чтобы мобильное меню закрывалось при нажатии на якорную ссылку .

Я попытался добавить код jQuery в файл custom.js, но, похоже, ничего не работает.

Вот HTML:

<div class="main-menu-container top-mobile-nav">
<ul id="primary-menu" class="menu">
<li id="menu-item-26" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-26"><a href="http://jamesandgemmawedding.co.uk#rsvp" aria-current="page">RSVP</a></li>
<li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-27"><a href="http://jamesandgemmawedding.co.uk#ceremony" aria-current="page">Ceremony</a></li>
<li id="menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-28"><a href="http://jamesandgemmawedding.co.uk#accommodation" aria-current="page">Accommodation</a></li>
</ul>
</div>

Вот JQuery из файла custom.js:

// RESPONSIVE MENU
    jQuery( '.dt-menu-btn' ).on( 'click', function(){
        jQuery(this).toggleClass('toggeled');
        jQuery('.main-menu-container').toggleClass('top-mobile-nav')
    });

Как уже было сказано выше, я бы хотел, чтобы мобильное меню (тумблер) закрывалось при нажатии на пункт меню, однако ничего из того, что я пробовал, пока не работает. Может кто-нибудь, пожалуйста, посоветовать решение? Заранее спасибо.

Answer 1

Добавление следующих тегов привязки:

onclick="jQuery( '.dt-menu-btn' ).trigger('click')"

Это переключит меню при прокрутке на соответствующую привязку.

Например, используйте:

<a href="http://jamesandgemmawedding.co.uk#accommodation" aria-current="page" onclick="jQuery( '.dt-menu-btn' ).trigger('click')">Accommodation</a>

Если вы не можете редактировать HTML, вы можете привязать «щелчок» через jQuery.

jQuery('#primary-menu a').on('click', function() {
    jQuery( '.dt-menu-btn' ).trigger('click');
});