Исчезновение в тексте с jQuery, выглядящим прерывистым, смещая друг друга - PullRequest
Новая
       9

Исчезновение в тексте с jQuery, выглядящим прерывистым, смещая друг друга

0 голосов
/ 07 июня 2018

Пример здесь:

https://codepen.io/rfehre/pen/LrZVre

Так что я пытаюсь постепенно добавить «мы» «вставляем» и «работаем» последовательно.В нынешнем виде слова «мы», «вставляем» и «входим» очень изменчивы и вытесняют друг друга, а не исчезают на своих последних местах сразу же.

Я использую .delay и исчезновение с 'display: none' в том виде, в каком оно сейчас стоит. 

$(document).ready(function () {
  $('.hidden1').delay(400).fadeIn(1000);
    $('.hidden2').delay(800).fadeIn(1000);

   $('.hidden3').delay(1200).fadeIn(1000);

   $('.hidden4').delay(1600).fadeIn(1000);
});

Что я делаю не так?

Спасибозаранее!

1 Ответ

0 голосов
/ 07 июня 2018

Вместо display: none используйте opacity: 0, а вместо .fadeIn(1000) используйте .animate({opacity: 1}, 1000).

Вот рабочий код: https://codepen.io/anon/pen/pKEyBJ

...