Прятать меню вне нажатия на него
 

Привет всем.
Я в интернете надыбал меню адаптивное
https://special.habrahabr.ru/kyocera/p/153103/

Оно удобно все классно, но есть проблема и причем крупная.

Чтобы вызвать меню надо нажать на кнопку #pull
И чтобы закрыть надо опять же на нее нажать

Я немного расширил скрипт для моей надобности

$(function() {
    var pull = $('#pull');
    menu = $('nav ul.clearfix');
    menuHeight = menu.height();
    
    $(pull).on('click', function(e) {
        e.preventDefault();
        menu.slideToggle();

        $(this).toggleClass('active');
        menu.toggleClass('closed');
    });
    $(window).resize(function() {
        var w = $(window).width();
        if (w > 320 && menu.is(':hidden')) {
            menu.removeAttr('style');
        }
    });
});

И Вот теперь у меня вопрос.
Мне нужно при клике в не меню чтобы выполнились эти действия

$(this).toggleClass('active');
        menu.toggleClass('closed');

Подскажите как мне сделать ?

biryukovm,

$(document).on("click", function(a) {
    $(a.target).closest("#pull, nav ul.clearfix").length || ($("#pull").removeClass("active"), $("nav ul.clearfix").slideUp().addClass("closed"))
});

Забыл поблагодарить, Спасибо Рони очень помогло