jquery - slideToggle jQuery 在加载时关闭

Question

单击链接时，我正在使用 jQuery.slideToggle创建扩展区域。目前，以下代码创建了一个页面，其中内容显示为 onload。

如何指定信息文本应在页面加载时隐藏并且仅在单击链接时出现？

<script>
    $(".moreInfo").click(function () {
        $(".moreInfoText").slideToggle("slow");
    });
</script>


<span class="moreInfo">Read more</span></p>
<p class="moreInfoText">More info text goes here</p>

Answer 1

通过添加属性直接隐藏p元素：style="display: none;"

<span class="moreInfo">Read more</span></p>
<p class="moreInfoText" style="display: none;">More info text goes here</p>

如果你尝试用 javascript 来做，你会得到一个FOUC