slideToggle jQuery 在加载时关闭

Posted 2023-02-25

【中文标题】slideToggle jQuery 在加载时关闭

【英文标题】：slideToggle jQuery closed on load

【发布时间】：2013-03-07 15:43:11

【问题描述】：

我正在使用 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>

【参考方案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