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

【问题标题】：One of two animations doesn't work on page load jQuery两个动画之一在页面加载 jQuery 上不起作用
【发布时间】：2015-08-29 02:45:18
【问题描述】：

我正在尝试让页面上的两行文本在页面加载时进行动画处理。但是，顶行工作得很好，但底行根本不会出现。谁能帮帮我？

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);

【问题讨论】：

【解决方案1】：

如果你想为它设置动画，up 或 down 然后有 down 因为 up 隐藏了它所以你将无法看到它。试试这个：

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

【讨论】：

【解决方案2】：

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

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

就这样：fiddle

【讨论】：