Сворачивание меню при клике в любом месте страницы
 

Добрый день.
Нашел под свою задачу пример выпадающего меню:
http://www.jqueryscript.net/menu/Mob...in-jQuery.html
Мне нужно, чтобы оно сворачивалось при клике в любом месте страницы.

Для этого пробывал добавить этот скрипт:

$(document).on(hasTouch ? 'touchend' : 'click', function (e) {
if(hasTouch && isTouchMoved(e)){ return false; }e.preventDefault();
if($('.main-menu.mobile-mega-menu.open').length > 0 && $(e.target).parents('.main-menu').length == 0){
$('.main-menu-toggle').click();
}
});

Знакомый посоветывал попробывать замнить
$('.main-menu-toggle').click();
на
$('.main-menu-toggle')[0].click();
После этой правки меню перестало разворачиватся.

Если убрать класс .open и оставить $('.main-menu-toggle').click();, то меню сврачивается по клику, но пр это жуткоглючит, бывает нужно нажать пару раз.

Также, если убрать класс .open и оставить $('.main-menu-toggle')[0].click();, то меню свворачиватся без задержки, но при этом при нажатии на кнопку Close Menu ничего не происходит.

Твой знакомый ничего не смыслит в жиКвери... :D

Элементы "коллекции" жиКвери выделяются специальным методом
https://jquery-docs.ru/eq/

Я, мягко говоря, тоже ничего не смыслию в жиКвери.
И немного не понимаю, как вашу подсказку применить к моей задаче.

заменить на

$('.close-button').click();

Подсказка в том, что тот знакомец не советчик в этом деле... :)