Закрыть мобильное меню при нажатии на якорную ссылку

Question

Я пытаюсь закрыть мобильное меню (гамбургер) при щелчке по заголовку в меню. Заголовок установлен как привязка.

Я пробовал этот код, но меню больше не появляется.

jQuery(document).ready(function() {
$('.menu-item menu-item-type-custom menu-item-object-custom menu-item-1344').on('click', function() {
    $('#nm-mobile-menu-button').trigger('click'); });
});

Веб-сайт Nilmore

Тема Savoy

Спасибо за любую помощь

Answer 1

Ваша задача проста. Вы могли бы отлаживать его самостоятельно с помощью инструментов разработчика.

• ваше меню ( при открытии ) получает класс .mobile-menu-open
• , поэтому вам необходимо удалить этот класс в любом пункте меню щелкните

то есть:

const $menu = $("#nm-mobile-menu");
const $menu_items = $menu.find(".menu-item");

$menu_items.on("click", function(ev) {
  // ev.preventDefault(); // uncomment to prevent browser scroll-to Anchor
  $menu.removeClass("mobile-menu-open");
});

.mobile-menu-open # nm-mobile-menu