Javascript 文本淡入，jQuery呈现起伏，相互替换

示例如下：

所以我试着依次淡入“我们”和“工作”。就目前的情况来看，“我们”“放”和“进”的动作非常起伏不定，相互替换，而不是一下子就进入最后的位置

我正在使用。延迟并从“显示：无”中淡入，因为它现在处于状态

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

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

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

我做错了什么

---

提前谢谢

而不是

display:none

使用

opacity:0

，而不是

.fadeIn（1000）

使用

.animate（{opacity:1}，1000）

---

这是一个工作代码笔：

非常感谢！这是一个更好（更容易/更干净）的答案。不错！我不会将此作为答案提交，因为效果不同，但是，请记住：您可以使用“animate”方法的回调函数，如下所示：……此外，为了对此（好）答案添加解释：对于

display:none

元素不占用空间，但是对于

不透明度：0

，它们确实占用空间，这就是为什么你会注意到它是“挑剔的”和“移位的”，因为看不见的单词没有占据空间，文本居中。如果文本左对齐，您不会注意到任何差异。