Подскажите пожалуйста может кто сталкивался. При клике на пункт меню с якорями меню не закрывается. Есть меню с якорями на мобильной версии которое открывается на пол экрана. Кнопка button с классом "menu-toggle" при нажатии открывает меню ul с классом "nav-menu" и там список li c классом "menu-item" в каждом li ссылка с якорями. Как сделать так чтобы при нажатии на якорь и переходе к соответствующему блоку меню скрывалось. так как сейчас оно не закрывается и занимает пол экрана
<nav id="site-navigation" class="main-navigation toggled">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="true">Меню</button>
<div class="menu-menu-1-container">
<ul id="primary-menu" class="menu nav-menu">
<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-9 current_page_item menu-item-15"><a href="https://2a655070a20.spectrum.myjino.ru/" aria-current="page">Главная</a></li>
<li id="menu-item-16" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a href="#school-link">О школе</a></li>
<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17"><a href="#classes-link">Форма занятий</a></li>
<li id="menu-item-18" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18"><a href="#offline-classes-link">Занятия офлайн</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19"><a href="#reviews-link">Отзывы</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20"><a href="#contacts-link">Контакты</a></li>
</ul>
</div>
</nav>
