Question

因此，当我在中淡出它们时，我试图让2条文本保持在同一条线上并且使它们在它们淡入时它们不会跳跃。有一点我得到了它们同一条线（我不知道我做了什么）但是当它们消失时它们跳了起来。现在它们在不同的线上，我不知道如何解决它。我很确定我需要弄乱

'display'

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

以下是我到目前为止的一个小提琴的链接。如果有人可以帮助并可能向我解释，我将非常感激。感谢。

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

Answer 2

有很多解决方案，

1-您可以删除<div>周围的<P>标记，如本例所示 http://jsfiddle.net/sKbzL/4/

2-您可以将float: left;属性添加到类.futuresurround中，如本例所示 http://jsfiddle.net/sKbzL/7/

Answer 3

试试这个：

$('#dev').css('display', 'none').fadeIn(2000);
$('#future').css('display', 'none').fadeIn(3000);

这应该最初隐藏2个p元素，然后将淡入应用到它们中。

---更新---

实际上display: none正是hide()所做的。然而，在对你的小提琴进行一些修改之后，它似乎似乎正在起作用：

http://jsfiddle.net/kL9u8/

我删除了大黑顶横幅，这样我才能看到我在做什么：）

关于jquery fadeIn，我怎么能让它们保持在同一条线上呢？

3 个答案: