Скрываем меню при клике на любую область?

Здравствуйте, использую меню - все работает хорошо (решение нашел в интернете), но хочу сделать штуку чтоб на любой области экрана оно закрывалось, как это внедрить в этот код без понятия (

<script>
        $(function() {
            $('.ui-nav').tooltip();
        });
        $(document).ready(function() {
            $(".nav__left a.ui-head").click(function(e) {
                e.preventDefault();
                if (!($(this).parent(".ui-outer").hasClass("open"))) {
                    $(this).parent(".ui-outer").addClass("open").animate({
                        "width": "350px"
                    }); //Expands outer block
                    $(this).parent(".ui-outer").find("a > span").animate({
                        "opacity": "1"
                    }); //Display Headings
                } else {
                    $(this).parent(".ui-outer").removeClass("open").animate({
                        "width": "116px"
                    }); //Reduces outer block
                    $(this).parent(".ui-outer").find("a > span").animate({
                        "opacity": "0"
                    }); //Hide Headings
                }
                if (!($(this).parent(".ui-outer").hasClass("open"))) {
                    $(this).parent(".ui-outer").removeClass("open").animate({
                        "width": "116px"
                    }); //Reduces outer block
                }
            });
        });
    </script>