ВНИМАНИЕ Codepen
/**
* Открытие и закрытие блока с формой авторизации
*/
function openHeaderAuth() {
$('#js-open-auth-block').on('click', function (e) {
e.preventDefault();
var block = $(this).parent('.login');
if (!block.hasClass('active')) {
block.addClass('active');
block.removeClass('hide');
console.log(1);
}
else {
block.addClass('hide');
block.removeClass('active');
console.log(2)
}
});
}
/**
* Скрытие блока с формой авторизации при клике вне его области
*/
function closeAuthBlock() {
var block = $('div.login');
$(document).mouseup(function (e) {
if (block.hasClass('active')) {
if (!($(e.target).hasClass('login'))) {
block.addClass('hide');
block.removeClass('active');
console.log(3)
}
}
});
}
Нужно реализовать, что бы блок с формой закрывался при клике и на "личный кабинет", и когда клик вне его. Все готово, но при клике на Личный Кабинет при открытой форме она не закрывается, так как сначала срабатывает закрытие и тут же открытие.
Буду благодарен советам