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