Javascriptで表示・非表示を制御する(トッグル) : JavaScript

Pocket

Javascriptを用いた表示・非表示は高機能なライブラリがたくさんありますが、練習として作成したスクリプトのメモです。
»Demo


----- header -----
function display(id,type) {
	// 表示・非表示切り替えの対象
	var disp = document.getElementById(id);
	disp.style.display = type;
}

----- body -----
<p>
	<a href="#" onclick="display('display','block')">表示</a> | <a href="#" onclick="display('display','none'); return false;">非表示</a>
</p>
<p id="display" style="padding: 1em; border: 1px solid #DDDDDD;">
	この表示域はJavascriptによって表示・非表示が切り替わります。
</p>

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。