如果您在菜单栏外单击，如何启用边栏关闭

Question

当我单击侧边栏菜单时，我想关闭它。我该如何实现？

我的HTML代码：

<nav class="menu" id="theMenu">
    <div class="menu-wrap sidebar">
        <span class="menu-close glyphicon glyphicon-remove" aria-hidden="true"></span>
        <h1 class="logo">&nbsp</h1>
        <!--<h1 class="logo"><a href="/#top" class="smoothScroll">Home</a></h1>-->
    <ul class="sidebar-menu">
        <li><a href="/" style="padding-left:8px;padding-top:8px;"> <i class="fa fa-home" title="Home"></i></a></li>
        <li><a href="/auth/login"> <i class="svg-icon login-icon" title="Login"></i></a>  </li>
        <li><a href="/terms"><i class="fa fa-info" title="Resources"></i></a> </li>
    </ul>
    </div>
</nav>