点击#mobile-menu时.menu-nav显示，点击除了#mobile-menu和.menu-nav以外的地方关闭.menu-nav，使用jquery实现

要使用jQuery实现这个功能，你需要编写一段JavaScript代码，监听页面上"#mobile-menu"元素的点击事件，并在点击其他地方时移除`.menu-nav`元素的可见性。以下是一个简单的示例：

$(document).ready(function() {
    // 当#mobile-menu被点击时，显示.menu-nav
    $('#mobile-menu').click(function() {
        $('.menu-nav').show();
    });

    // 其他所有地方的点击事件都会触发此函数，隐藏.menu-nav
    $(document).click(function(event) {
        if (!$(event.target).is('#mobile-menu') && !$(event.target).closest('.menu-nav').length) {
            $('.menu-nav').hide();
        }
    });
});