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

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

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

如果您尝试使用 javascript 执行此操作，您将得到 FOUC