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

Question

У меня есть одностраничный сайт.У меня есть меню с плавной прокруткой.Когда пользователь нажимает на сервис, он направляет его на раздел сервиса с плавной прокруткой.На рабочем столе проблем нет.

Давайте поговорим о мобильных телефонах

На мобильных устройствах меню отображается следующим образом:

Когда я нажимаю на значок гамбургера, он выглядит следующим образом

Теперь проблема в плавной прокрутке.Когда я нажимаю на сервис, он нацеливается на раздел сервиса с плавной прокруткой, но меню все еще отображается на мобильном телефоне.

При скрытии меню я должен скрывать меню.

Youможете проверить мои [code here][3] https://jsfiddle.net/vqpyt5co/

Answer 1

Добавлен следующий код для запуска события щелчка при закрытии раскрывающегося списка.

if ($(".x_mark_img").is(":visible")) {
    $(".x_mark_img").click();
}

См. Обновленный fiddle

$(function() {
    $('a[href*="#"]:not([href="#"])').click(function() {
      if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
        if ($(".x_mark_img").is(":visible")) {
            $(".x_mark_img").click();
        }
          $('html, body').animate({
            scrollTop: target.offset().top-80
          }, 1000);
          return false;
        }
      }
    });
  });