两个动画中的一个不适用于页面加载jQuery

Question

我正在尝试让页面上的两行文本在页面加载时生成动画。但是，顶线工作得很好，但底部线路根本不会显示。任何人都可以帮助我吗？

HTML：

<div id="welcome_intro">
    <h3 id="welcome">Welcome</h3>
    <h1 id="apples">apples</h1>
</div>

CSS：

h3, h1 {
    display: none;
}

Coffeescript：

$ -> 
    $("#welcome").slideDown(1000);
    $("#apples").slideUp(1050); 

JSFiddle：http://jsfiddle.net/2jz76cra/

Answer 1

就像@adeneo说的那样，你无法向上滑动已隐藏的内容，但如果你想在第二个div上延迟，你可以随时添加jQuery延迟或超时。

    $("#welcome").slideDown(1000);
    $("#apples").delay(1000).slideDown(1050);

就像那样：fiddle

Answer 2

如果您要为其设置动画，请向上或向下然后向下，因为向上将其隐藏所以你将无法看到它。试试这个：

$("#welcome").slideDown(1000);
$("#apples").slideDown(1050);