Скрытый абзац

Скрытый абзац

<script type="text/javascript">
	<!--
	function ChangeAbz1() {
		abz = document.getElementById("abz1");
		if (abz.style.display=="none") {
			abz.style.display = "block";
		                               }
		else {
			abz.style.display = "none";
		     }
	                      }
	function ChangeAbz2() {
		abz = document.getElementById("abz2");
		if (abz.style.visibility=="hidden") {
			abz.style.visibility = "visible";
		                                    }
		else {
			abz.style.visibility = "hidden";
		     }
	                      }
	//-->
</script>

<div><a href="#" onclick="ChangeAbz1(); return false">Щёлкните на ссылке, чтобы отобразить или скрыть абзац</a></div>
<p id="abz1" style="display:none; background-color:silver">Скрытый абзац</p>
<div>Демонстрация применения атрибута display.</div>
<hr>
<br>

<div><a href="#" onclick="ChangeAbz2(); return false">Щёлкните по ссылке, чтобы отобразить или скрыть абзац</a></div>
<p id="abz2" style="visibility:hidden; background-color:silver">Скрытый абзац</p>
<div>Демонстрация применения атрабута visibility.</div>
<hr>