Пытаюсь сделать так что бы после отправки контактной формы, появлялось всплывающее окно с уведомлением об успехе операции. Первую часть выполнить получилось таким кодом:
function slug_post_form_submit( obj ) {
jQuery('#success-message').show();
}
Сам html код попапа:
<section id="success-message">
<div class="popup"> <h2>Успешно!</h2>
</div>
</div>
CSS примерно такой:
.popup {
position: absolute;
top: 27%;
left: 0;
right: 0;
width: 490px;
margin: auto;
height: 366px;
background: #fff;
}
#success-message {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.56);
z-index: 999!important;
background: rgba(40, 69, 113, 0.4);
}
#success-message {
display: none;
}
После отправки попап появляется, все хорошо, но проблема в том что я не могу сделать так что бы он автоматом скрывался например через 2 секунды, и что бы человек нажав вне окна (на оверлей) так же мог закрыть этот попап.
Нашел в сети такой код, но может из-за того что не хватает знаний js не правильно его вставляю, так как ничего не работает
setTimeout(function() { $("#success-message").hide('slow'); }, 2000);
Прошу вашей помощи)
