slideToggle jQuery在加载时关闭

Question

我.slideToggle点击链接时使用jQuery 创建扩展区域.目前,以下代码创建了一个内容显示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