Конфликт всплывающих окон
 

Здравствуйте!
У меня есть два всплывающих окна

<div class="popup question">
    <div class="popup-container">
        <div class="close"><i class="fas fa-times"></i></div>
        <span class="quest_text">Ваш вопрос</span>
                <span id="reg">Спросить</span>
    </div>
    <div class="owerlay"></div>
</div>
<div class="popup answer">
    <div class="popup-container">
        <div class="close"><i class="fas fa-times"></i></div>
        <span class="result_text">Ваш ответ</span>
    </div>
    <div class="owerlay"></div>
</div>

И есть функция, которая закрывает первое окно и открывает второе

$('.question').fadeOut(500).delay(500,function(){
          $('.result_text').html('<h2>Ответ</h2> "'+data+'"');
          $('.answer').fadeIn(500);
        });

Все супер работает, но после выполнения этого скрипта вызов первого окна через

$('.question').fadeIn(500)

не работает. Пробовал через консоль - тоже не работает. Подскажите что не так сделал.

это что?

рони,
Это результат post запроса сервера. Там все в порядке. То, что нужно мне выводит

а вот окно нет

AngryTom,
в delay нет параметра callback!!!

$('.question').fadeOut(500, function() {
    $('.result_text').html('<h2>Ответ</h2> "'+data+'"');
    $('.answer').fadeIn(500);
    });

рони,
Спасибо, помогло