如何关闭菜单白色jquery

这是我的html和jquery代码，单击任意位置时如何关闭此菜单？ 我对此使用淡出，但不起作用，当在时间打开其关闭时，我希望在单击其关闭的任何位置时

<div class="hide-recycle">
    <i class="icon-cog"> </i>
    <div class="hide-recycle-menu">
        <div class="top-triangle-hide-recycle"></div>
        <ul id="setting-hide-recycle">
            <li><a href="#"><img src="images/recycle.png" />حذف کردن</a></li>
            <li><a href="#"><img src="images/hide.png" />پنهان کردن</a></li>                                                
        </ul>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $(".hide-recycle").hover(function(){
            $(this).css("color","rgb(90, 90, 90)");
        },function(){
            $(this).css("color","rgb(146, 146, 146)");
        });
        $(".hide-recycle").click(function(){
            $("#setting-hide-recycle").css("display","block");
            $(".top-triangle-hide-recycle").css("display","block");
        });     
    });
</script>

$（文档）.ready（函数（）{
$（“.hide recycle”）.hover（函数（）{
css（“颜色”，“rgb（90,90,90）”）；
}，函数（）{
css（“颜色”、“rgb（146146146）”；
});
$（“.hide recycle”）。单击（函数（）{
$（“#设置隐藏回收”）.css（“显示”、“块”）；
$（“.top triangle hide recycle”）.css（“显示”、“块”）；
});     
});

单击文档，将菜单隐藏代码放入。 这里我们使用“e.stopPropagation（）；”在单击div时停止父级单击

$(".hide-recycle").click(function(e){
    $("#setting-hide-recycle").css("display","block");
    $(".top-triangle-hide-recycle").css("display","block");
    e.stopPropagation();

});

有关“e.stopPropagation（）；”的信息，请参阅链接

请参阅下面的代码

$（文档）.ready（函数（）{
$（“.hide recycle”）.hover（函数（）{
css（“颜色”，“rgb（90,90,90）”）；
}，函数（）{
css（“颜色”、“rgb（146146146）”；
});
$（“.hide recycle”）。单击（函数（e）{
$（“#设置隐藏回收”）.css（“显示”、“块”）；
$（“.top triangle hide recycle”）.css（“显示”、“块”）；
e、 停止传播（）；
});     
$（文档）。在（“单击”，函数（）上）{
//你的密码
//警报（“您的关闭代码”）；
$（“#设置隐藏回收”）.hide（）；
$（“.top triangle hide recycle”）.hide（）；
});
});





您是否编写了e.stopPropagation（）；在$（“.hide recycle”）中。单击是否已尝试使用blur（）