Как заблокировать элемент до его появление?

Question

[DeniSidorenko]

Привет есть скрипт которая отвечает за вывод попап окно. Появляется она при клике на блок, и анимация идет 1s . Так же сделал что при клике на пустое пространство она исчезает. Все хорошо работает только если вот пользователь нажмет случайно два раза по блоку либо один раз по блоку и в течение пока она появляется нажмет еще один раз то блок появиться и сразу исчезает. Мне посоветовали "Можно блокировать скрипт пока она не появиться до конца".
Вопрос как это сделать

Скрипт появление

$('.auth-login__yes').on('click',function(){
	$('.login-user').show("slide", { direction: "left" }, 1000);
});

Исчезает

$(document).mouseup(function (e){ // событие клика по веб-документу
		var div = $(".login-user"); // тут указываем ID элемента
		if (!div.is(e.target) // если клик был не по нашему блоку
		    && div.has(e.target).length === 0) { // и не по его дочерним элементам
			div.hide("slide", {direction: "left"} , 1000);
		}
	});

/spoiler>

Answer 1

[Vitaliy Orlov]

var popupRendering = false;
$('.auth-login__yes').on('click',function(){
  if (popupRendering) return; // если происходит rendering то выходим
  popupRendering = true; // начинаем рендерить окно
  $('.login-user').show("slide", { direction: "left" }, 1000, function(){
      popupRendering = false; // рендеринг закончен
  });
});

Comments

[DeniSidorenko]

Если честно не очень понимаю какие куски кода требуется заменить

[Vitaliy Orlov]

требуется добавить флаг проверки того, что было отображено окно
- создаешь переменную popupRendering
- перед началом отрисовки, меняешь в ней значение
- после окончания отрисовки, возвращаешь значение наместо
- если пользователь нажмет второй раз, то сработает проверка значения, и если оно изменено, прервет выполнение функции