Как закрывать дропдаун меню при клике вне этого меню?

Question

[prewordeSSS]

У меня есть такая функция:

// Show menu
    $('.navbar-toggle').on('click', function () {
        $(this).toggleClass('active');
        $('.nav').slideToggle(200);
    });

На клик по которой открывается дропдаун меню. Как я могу закрывать его, когда клик будет вне этого дропдауна?

Comments

[Elvis]

при клике на меню - рисуете на весь экран div, под выпадающим меню(z-index на 1 меньше) и вешаете на него тугл класс актив для меню и удаление(или скрытие) этого div.

[LJ322]

https://stackoverflow.com/questions/152975/how-do-...

[Вадим]

И нигде на просторах интернета не нашлось ответа на этот уникальный вопрос, с которой никто не сталкивался?

[imko]

LJ322, когда-то увидел в тех ответах решение с фокусом - обрадовался что можно обойтись без кучи слушателей и попробовал. Как всегда все лучшее разбилось о сафари) При открытии селекта в попапе он воспринимал его как не соответствующий ни :focus ни :focus-within и гасил)