Javascript jQuery slideDown（）动画不工作

我试图让jQuery的

slideDown（）

动画工作，但在我的例子中，应该向下滑动的文本刚好出现。。我如何使动画也出现在适当的位置

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

HTML:

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

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

---

jsiddle:

当您输入文本并尝试将其向下滑动时，您的

p

元素已经显示出来。所以不需要动画

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

---

您可以先隐藏内容，然后使用

slideDown

功能显示：

HTML

jQuery

$(function () {
    $("#submitBtn").click(function (event) {
        $(".subscribe p").slideDown({duration: 400});
    });
});

活生生的例子：

你修改过的代码

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

---

检查一下

我知道能见度与此有关。。尝试了其他方法来隐藏它，但不起作用。。。你的代码有效！谢谢你，伙计DYou还可以在CSS上隐藏它。这样渲染速度更快。

$(function () {
    $("#submitBtn").click(function (event) {
        $(".subscribe p").slideDown({duration: 400});
    });
});

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