Question

如何使用jQuery slideDown h2？

HTML

<body>
    <hr>
    <h2>Text</h2>
</body>

JS

$(window).load(function(){
    $("h2").slideDown();
});

不工作

Answer 1

你需要：

首先hide，然后slideDown和ready：

$(document).ready(function(){
  $("h2").hide().slideDown();
});

<强>段

$(document).ready(function(){
  $("h2").hide().slideDown();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Text</h2>

Answer 2

应隐藏申请slideDow h2。试试如下。

$(window).load(function () {
    $("h2").slideDown();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2 style="display: none;">Text</h2>