获取当前div以外所有部分

$("功能区域的id").click(function(e){
            $(this).show();
            e.stopPropagation();//阻止冒泡
        });
        $("父类区域id").click(function(){
            $("功能区域的id").hide();
         
        })

这段代码可以帮你实现你的需求，点击其他地方这些功能便可以隐藏，注意到要使用冒泡事件，如果你对冒泡事件还不是很了解，可以百度再深入学习一下，不懂得地方再问我，一起进步一起学习。

引用：https://zhidao.baidu.com/question/433460257546615484.html