Как сделать так, чтобы меню не закрывалось?

Question

[hrvasiliy]

Есть небольшой код, который позволяет сделать dropdown меню:

function DropDown(el) {
	this.dd = el;
	this.initEvents();
}

DropDown.prototype = {
	initEvents: function() {
		var obj = this;
		obj.dd.on('click', function(event) {
			$(this).toggleClass('active');
			event.stopPropagation();
		});
	}
}

$(function() {
	var dd = new DropDown($('#dd-menu'));
	$(document).click(function() {
		$('.wp-dropdown').removeClass('active');
	});
});

Когда меню открыто, если нажать по какой-то его части - свободному полю, оно закрывается (на сколько я понял, благодаря методу toggleClass). Можно ли как-то избежать этого? Пробовал использовать .not, почему-то не выходит.

Answer 1

[Дмитрий Беляев]

Вот тут Вы его закрываете:

$(document).click(function() {
    $('.wp-dropdown').removeClass('active');
  });

Comments

[hrvasiliy]

Это я понимаю, если я уберу это, то выпадающее меню будет закрываться только при нажатии на само меню. А я пытаюсь сделать наоборот, чтобы при клике по меню, оно не исчезало, но при этом исчезало при клике по любой точке, включая ссылку, которая его открыла. Посмотреть это в деле можно у google, github (при нажатии на аватар, там выпадающее меню и написано "Signed in as" вот если по нему нажать, то меню не закроется, при этом закроется, если нажать по аватару или любой части сайта)

[Дмитрий Беляев]

hrvasiliy: тогда Вам нужно здесь: $(this).toggleClass('active'); использовать addClass