javascript - jQuery slideDown()动画不起作用

Question

我正在尝试让 jQuery 的 slideDown() 动画工作，但在我的例子中，应该向下滑动的文本只是出现 .. 如何让它与动画一起出现？

我也尝试手动指定速度，但最终结果是一样的。

HTML:

<section class="subscribe">
    <button id="submitBtn" type="submit">Subscribe</button>
    <p></p>
</section>

JavaScript:

$(function () {
    $("#submitBtn").click(function (event) {
        $(".subscribe p").html("Thanks for your interest!").slideDown({
                        duration: 4000
                    });
    });
});

JSFiddle: http://jsfiddle.net/ahmadka/A2mmP/

Answer 1

当您输入文本并尝试将其向下滑动时，您的 p 元素已经显示。所以不需要动画。

$(function () {
  $("#submitBtn").click(function (event) {
    $(".subscribe p").hide().html("Thanks for your interest!").slideDown(4000);
  });
});