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

Question

[smartninja]

Ребят, подскажите такой момент кто разбирается.
Есть одностраничный сайт где. навигация работает по якорям.
Мобильное меню раскрывается, выбираешь пункт и перемещаемся к нему.
Но само меню не скрывается.
Как сделать скрытие меню после выбора пункта?
Сразу признаюсь в js ещё не разбираюсь, использую готовое решение.

Есть блок с меню

<div class="menuToggle"><img src="images/menu-icon.png" alt="Меню"></div>
              <nav class="main-nav">
                <a class="main-nav__link nav-active" href="#about">Обо мне</a>
                <a class="main-nav__link" href="#add">Преимущеcтва</a>
                <a class="main-nav__link" href="#skills">Навыки</a>
                <a class="main-nav__link" href="#resume">Резюме</a>
                <a class="main-nav__link" href="#portfolio">Портфолио</a>
                <a class="main-nav__link" href="#services">Услуги</a>
                <a class="main-nav__link" href="#contacts">Контакты</a>
              </nav>
            </div>

И скрипт, который работает для появления и скрытия меню

$(function() {
    
   $('.menuToggle').on('click', function(){
			$('.main-nav').slideToggle(500, function(){
				if($(this).css('display') === 'none'){
					$(this).removeAttr('style');
				}
			});
		});
});