Изменить фон модального до задержки

Question

Я использую этот material modal pop-up (http://codepen.io/ettrics/pen/Jdjdzp/) на моем веб-сайте, он отлично работает, но мне нужна одна модификация. Как вы можете видеть в фрагменте, после нажатия кнопки происходит задержка в 400 мс и после этого появляется модальное содержимое. Фон модального контента также изменяется после определенной задержки 400 мс. Я хочу, чтобы цвет фона должен меняться immediately once the button is clicked, а модальное содержимое должно нормально загружаться через 400 мс.

&__bg класс контролирует фон модального. Он настроен на прозрачность в фрагменте. Пожалуйста, предположите, что это сплошной цвет, как черный.

У меня нет опыта работы в JAVA SCRIPT. МАЛЕНЬКАЯ ПОМОЩЬ БЫЛА ОЦЕНКА.

Answer 1

вот измененная ручка изменений, которые вы хотите.

Дело в том, вы хотите, чтобы показать модальный мгновенно, но скрыть содержимое на некоторое время

window.setTimeout(function(){ 
       // reveal the modal content 
       content.classList.add('modal__content--active'); 
      },contentDelay); 

http://codepen.io/anon/pen/ZpYEvL