下拉jQuery框后点击外面关闭

Question

我希望在用jquery点击它之后关闭一个下拉框。我已经尝试了下面的代码，但似乎有些东西没有正常工作，所以当我从“body：not（ul.nav li.dropdown）”中删除部分时，脚本执行得很好但是它并没有明显关闭，当我插入关闭部分时，脚本不能正确执行。在这个sintax或代码中可能出错的是避免关闭和执行一起正常工作？

        $(document).ready(function(){
        jQuery('ul.nav li.dropdown').click(function() {
            jQuery(this).find('.dropdown-menu').fadeIn();

            $("#actionStatus").html("");


            });
            $("body:not(ul.nav li.dropdown)").hover(function(){
$("ul.nav li.dropdown").find('.dropdown-menu').fadeOut();
});

        $("#btnSendOption").click(function(){
            var data = $("#frmUserOption").serialize();
            $.ajax({
                url: "/users.php",
                data: data,
                success: function( data ) {
                    $("#actionStatus").html("");
                    $("input[type='radio']").attr('checked', false);
                    $('.dropdown-menu').delay(1000).fadeOut();
                },
                error: function(data) {
                    $("#actionStatus").html("<div class='alertMsg alertMsg-danger'>Error, try again later</div>");
                }
            });
        });
    });

提前谢谢