Javascript 如何在移动设备中单击菜单项时隐藏菜单？

我有一个一页的网站。我有一个平滑滚动的菜单。当用户单击服务时，它将以平滑滚动的方式指向服务部分。桌面上没有问题

让我们谈谈手机

在mobile中，菜单显示如下所示

当我点击汉堡包图标时，它显示如下

现在，问题已在平滑滚动中。当我点击服务，然后它的目标服务部分与平滑滚动，但菜单仍然显示在手机上

当我点击菜单时，我必须隐藏菜单

您可以查看我的

[code here][3]

---

添加了以下代码以触发关闭下拉列表的单击事件

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

见更新

---

如果在桌面模式下单击“服务”，菜单将消失哦，我没有检查桌面。让我再看看。@Fabio，是的，你是对的，单击“现在检查答案”时，菜单上的内容将消失please@NanditaAroraSharma，很抱歉迟了回复。给我一些时间用我的代码实现你的代码。

$(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;
        }
      }
    });
  });