Показать сообщение отдельно
  #1 (permalink)  
Старый 22.02.2020, 20:22
Аспирант
Отправить личное сообщение для maxg5 Посмотреть профиль Найти все сообщения от maxg5
 
Регистрация: 16.08.2016
Сообщений: 89

Как закрыть модальное окно 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>
Ответить с цитированием