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> 

을, 당신은 FOUC

을 얻을 것이다