两个动画之一在页面加载时不起作用 jQuery

Question

我正在尝试让页面上的两行文本在页面加载时显示动画。但是，最上面一行工作得很好，但最下面一行根本不会出现。谁能帮帮我？

HTML:

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

CSS:

h3, h1 {
    display: none;
}

咖啡脚本：

$ -> 
    $("#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

如果你想让它动起来，up 或 down 然后 down 因为up 已将其隐藏，因此您将无法看到它。试试这个：

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