jquery - 两个动画之一不适用于页面加载 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

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

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