javascript - 在 jquery fadeIn 上，我怎样才能使它们保持在同一条线上？

Question

所以当我淡入淡入时，我试图让 2 段文本保持在同一行上，并且让它们在淡入时不会跳跃。有一次我把它们打开了同一条线(我不知道我做了什么)但是当它们淡入时它们跳了起来。现在它们在不同的线上，我不知道如何修复它。我很确定我需要弄乱

'display'

节点让它工作。但是显示和定位是我的弱点，因为我还很新。

下面是我目前拥有的 fiddle 的链接。如果有人可以提供帮助并可能向我解释，我将不胜感激。谢谢。

http://fiddle.jshell.net/sKbzL/5/

当您查看 jFiddle 时，点击运行然后在“结果”选项卡上向下滚动

Answer 1

如果我弄错了请纠正我，但您不希望元素在正确显示时跳转？

然后使用不透明度而不是隐藏并为不透明度设置动画。

$(document).ready(function() {
    $('#future').css('opacity',0);
    $('#dev').css('opacity',0).animate({
        'opacity': 1
    }, 3000);

    $('#future').delay(2000).animate({
        'opacity': 1
    }, 2000)

});

Demo