Uniwersal hider

hider.js

// Uniwersal hider
// ============================================================
function hider(targetToHide, trigger) {
    $(document).on('mouseup', function (e) {
        if (!targetToHide.is(e.target) // if the target of the click isn't the container...
            && targetToHide.has(e.target).length === 0 // ... nor a descendant of the container
            && !trigger.is(e.target)) // ... nor a trigger of the container
        {
            console.log(targetToHide);
            targetToHide.add(trigger).removeClass('active');
        }

        $(document).unbind('mouseup'); // Don't ever keep listening for clicks !
    });
}

// Use case
function hamburgerMenu() {
    var $container = $("#top-menu");
    var $trigger = $('.top-menu-trigger');

    $trigger.on('click', function () {
        $(this).add($container).toggleClass('active');
        hider($container, $trigger);
    });
}