JS PopUp Shadow Нужна помощь

Question

JS PopUp Shadow Нужна помощь

Andrey Nikolskiy Мастер (1322), на голосовании 7 лет назад

Скрипт работает, но криво.
При нажатии на кнопку все показывает, работает но по нажатии в любое место shadow мигает
Вот дополнение
================================
function popup_show() {
$(this).click(function() {
$('.popup').show();
$('.shadow').fadeIn();
});
}
function hide() {
$(this).click(function() {
$('.popup').hide();
$('.shadow').fadeOut();
});
}
================================

Код HTML
<div class="shadow"></div>
<div class="popup">
<div class="popup-head">
Заказ
<div class="close">X</div>
</div>
<div class="popup-body">
<div class="result"></div>
<form class="form" action="javascript:void(null);" method="POST">
<label for="name">Ваше имя*:</label>
<input type="text" class="input" name="name" placeholder="Ваше имя">
</form>
</div>
</div>

Answer 1

вот так попробуй

function popup_show() {
$('.popup').show();
$('.shadow').fadeIn();
}
function hide() {
$('.popup').hide();
$('.shadow').fadeOut();
}