How does jQuery hide the menu when clicking on other parts of the page?

<script>
    $(".eject_detailBtn").on("click", function(e){
        if($(this).next().is(":hidden")){
            $(this).next().show();
        }else{
            $(this).next().hide();
        }

        $(document).one("click", function(){
            $(".eject_detail").hide();
        });

        e.stopPropagation();
    });
    $(".eject_detail").on("click", function(e){
        e.stopPropagation();
    });
</script>