使用jquery，如何通过单击正文来关闭菜单？

Question

这是我打开/扩展菜单的代码

$(function(){
    "use strict"
    $('.menu-btn' ).click(function(){
    $('.responsive-menu').toggleClass('expand')
    })
});

它工作正常，但我的目标是通过点击身体（或文档）来关闭它，就像在大多数网站上一样，但我似乎无法工作。

我已尝试过以下代码，但它不起作用，我不明白为什么......

$(function(){
    "use strict"
    $('body' ).click(function(){
    $('.responsive-menu').hide()
    })
});

任何想法......？

Answer 1

这是您可以使用的完整功能。

$(".menu-btn").click(function(e){
    if($(".responsive-menu").hasClass("expand")) {
        $(".responsive-menu").removeClass("expand");
    } else {
        $(".responsive-menu").addClass("expand");
    }
    e.preventDefault();
});
$("html,body").click(function(){
    if($(".responsive-menu").hasClass("expand")) {
        $(".responsive-menu").removeClass("expand");
    }
});