Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как закрыть модальное окно FancyBox? (https://javascript.ru/forum/jquery/79564-kak-zakryt-modalnoe-okno-fancybox.html)

maxg5 22.02.2020 20:22

Как закрыть модальное окно FancyBox?
 
На сайт есть PopUp с формой обратной связи. Сайт на WordPress. Контактная форма Contact Form 7.
Посоле успешной отправки формы нужно закрыть модальное окно и показать другое, в котором написано "Ваше сообщение успешно отравлено". Через 3 секунды закрыть и втрое модальное окно.
У меня после успешной отправки первое модальное окно закрывается, а втрое модальное окно не открывается.
Помогите пожалуйста разобраться. Заранее спасибо!
<div style="display:none" class="fancybox-hidden">
    <div id="contact_form_pop">
        <?php echo do_shortcode('[contact-form-7 id="32" title="Pop UP"]'); ?>
    </div>
</div>


<div style="display:none" class="fancybox-hidden1">
<div id="contact_form_sent">
<p class="sent">Ваше сообщение успешно отправлено<br>Наш менеджер свяжется с Вами в течении 15 минут</p>
    </div>
</div>


<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
	jQuery.fancybox.close();
	jQuery.fancybox ( { href: '#contact_form_sent' } );
	setTimeout(function () {
	jQuery.fancybox.close();
	location.reload();
	}, 3000);
}, false );
</script>


Часовой пояс GMT +3, время: 15:57.