我制作了一个简单的 jsfiddle 来显示问题：http:
//jsfiddle.net/jacqueline01/rCW85/
请调整您的浏览器大小以查看下拉/切换菜单。这个简化的小提琴是根据本教程创建的。
问题
当下拉/切换菜单可见时，我希望它在单击链接或单击菜单外部时自动关闭。只有当浏览器宽度小于 500 像素时才会发生这种情况。（见小提琴）
我尝试添加以下内容：
$("html").click(function() {
// Code to slideUp the .menu-items
});
但是，当浏览器宽度超过 500 像素时，此功能当然也可以使用。我无法让它在 < 500px JS 代码中工作。
因此，我正在寻找一种在移动菜单可见后通过单击 HTML 内的任意位置来滑动菜单的方法。
任何帮助都将不胜感激。提前致谢！