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

Question

[L1nw0od]

Здравствуйте, уже не первый раз обращаюсь, очень долго не могу найти решение чтоб работало (
Есть код (в нем реализация открытия и закрытия меню при клике на кнопку. Как и что нужно добавить в этот код чтоб при клике на любую область экрана (когда меню открыто), выполнялось действие как при нажатии на кноку (закрытие меню)

$(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
                }
            });
        });

Comments

[L1nw0od]

Мне нужно как-то интегрировать то в этот код, а оно не интегрируется ( не работает нормально)

Answer 1

[grinat]

window..addEventListener('click') будет работать благодаря всплытию https://learn.javascript.ru/bubbling-and-capturing