Здравствуйте дорогие форумчане! Сделала всплывающую форму обратной связи на своем сайте, все работает,нормально, вот только после отправки письма форма не закрывается, нужно нажимать на крестик для закрытия. Как сделать так , что бы после успешной отправки форма сама закрывалась.Если кому не трудно подскажите ПОЖАЛУЙСТА. P.S в js не буб бум.
Вот форма:
<div class="popup">
<div class="popup-dialog">
<div class="popup-content">
<button class="popup-close"> ×</button>
<form class="top" action="smart.php" method="POST">
<h4>Submit your application</h4>
<label for="name">
Your name<input type="text" name="name" value="" placeholder="name"></label>
<label for="emeil"> Your e-meil<input type="text" name="e-meil" value="" placeholder="emeil" required></label>
<label for="phone">Your Phone<input type="text" name="phone" id="phone" value="" placeholder="phone"></label>
<textarea name="comment" id="comment-field" rows="4">comment</textarea>
<button class="button-block button-btn" type="submit"> to order</button>
</form>
</div>
</div>
</div>
Вот скрипт отправки:
$('form').submit(function(event) {
event.preventDefault();
var th = $(this);
$.ajax({
type: "POST",
url: "smart.php",
data:$(this).serialize()
}).done(function() {
$(this).find("input").val("");
alert("Спасибо за заявку!");
$("form").trigger("reset");
});
return false;
});
И на всякий случай скрипт всплытия окна
$(document).ready(function() {
$('.popup-btn').on('click', function (event) {
$('.popup').fadeIn();// к тому что нужно показать, fadeIn с анимацией
});
$('.popup-close').on('click', function (event) {
event.preventDefault();
$('.popup').fadeOut();
});
})