Jquery Clikc外部切换菜单-隐藏菜单和关闭按钮

我使用jCRUU和基础ZURB数据响应切换。在菜单外单击时如何关闭菜单。我尝试这一个代码，但当我点击外部是隐藏的，也点击链接，它是隐藏的。如何预防这种情况

$(".navigation-mobile").click(function (event) {
        $(".menu-toggle").removeClass("open");
        $(this).removeClass("active").css('display', 'none');
        event.stopPropagation();
        event.preventDefault();
    })

我也试过这个

  $(window).click(function (e) {
        var isActive =  $('#mobile-nav-menu').hasClass('active');
       if(isActive){
           $('#mobile-nav-menu').removeClass("active").css('display', 'none');
           e.preventDefault();
            e.stopPropagation();
       }
    });

<div class="mobile-menu no-js" data-responsive-toggle="mobile-nav-menu" data-hide-for="large" data-close-on-click>
  <div class="row column">
    <div class="top-bar-left">
      <a class="logo" href="/html/index.html"><img src="../images/egl-logo.png" alt="logo"></a>
    </div>
    <div class="top-bar-right"><span class="icon icon-search color-white"></span>
      <div class="menu-block show-for-medium">
        <ul class="menu">
          <li><a class="primary small" href="analizes-grozs.html"><span class="icon icon-cart"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></span>Grozs</a></li>
        </ul>
      </div>
      <button class="menu-toggle" type="button" data-toggle></button>
    </div>
  </div>
</div>
<div class="navigation-mobile no-js hide-for-large" id="mobile-nav-menu">
  <div class="row column padd-off">
    <div class="navigation-mobile-search">
      <input type="text" placeholder="Meklēt"><span class="icon icon-search"></span>
    </div>
    <div class="navigation-mobile-wrapper">

      <div class="menu-block">
        <ul class="vertical menu" data-accordion-menu>
          <li></li>
        </ul>
      </div>
    </div>
  </div>
</div>

$（窗口）。单击（函数（e）{
var isActive=$（“#移动导航菜单”）.hasClass（'active'）；
如果（isActive）{
$（“#移动导航菜单”）.removeClass（“活动”）.css（“显示”、“无”）；
e、 预防默认值（）；
e、 停止传播（）；
}
});

这是我的工作

  $(window).click(function () {
        var isActive =  $('#mobile-nav-menu').hasClass('active');
       if(isActive){
           $('#mobile-nav-menu').removeClass("active").css('display', 'none');
           $('.menu-toggle').toggleClass('open');

       }
    });
    $('.navigation-mobile-wrapper').click(function(event){
    event.stopPropagation();
    });