コンテンツの表示非表示 – javascript

bodyでonloadしてdisplay = “none”とすると、処理に時間がかかった場合、onloadが終わるまで表示されるので、bodyのonloadよりも綺麗に見えますね。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表示</title>
</head>

<body>
<a href="#" onclick="btn1_click()">今日の運勢を見る</a><br>

<p id="p1">大吉</p>

<script>
document.getElementById("p1").style.display = "none";

function btn1_click(){
	var y1 = document.getElementById("p1");

	if(y1.style.display=="block"){
		y1.style.display ="none";
	}else{
		y1.style.display ="block";
	}
}
</script>
</body>
</html>