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

slideToggle jQuery在加载时关闭

1 个答案: