在shopify中单击菜单外部时隐藏导航菜单（活动）

Question

当我点击菜单外面时，我一直在努力关闭菜单，关闭图标将再次变为汉堡包图标。

这里是关闭的代码。它看起来像一个Jquery，但我不习惯这种Jquery编码

function closeMobileNav() {
cache.$mobileNavContainer.prepareTransition().removeClass(classes.navOpen);

cache.$mobileNavContainer.css({
  transform: 'translate3d(-100%, 0,  0)'
});
cache.$pageContainer.removeAttr('style');

cache.$mobileNavContainer.one('TransitionEnd.navToggle webkitTransitionEnd.navToggle transitionend.navToggle oTransitionEnd.navToggle', function() {
  slate.a11y.removeTrapFocus({
    $container: cache.$mobileNav,
    namespace: 'navFocus'
  });
});

cache.$mobileNavToggle
  .addClass(classes.mobileNavOpenIcon)
  .removeClass(classes.mobileNavCloseIcon);

$(window).off('keyup.mobileNav');       
}

这是更改图标的代码

cache.$mobileNavToggle
.addClass(classes.mobileNavOpenIcon)
.removeClass(classes.mobileNavCloseIcon);

这是关闭导航时的代码。

   cache.$mobileNavContainer.prepareTransition().removeClass(classes.navOpen);