<head>
<script language="JavaScript" type="text/javascript">
function ShowHide() {
if (!document.getElementById) return;
var rejt1 =document.getElementById("rejt1");
var rejt3 =document.getElementById("rejt3");
var showcimsor1 = document.form1.rejt1.checked;
var showcimsor3 = document.form1.rejt3.checked;
rejt1.style.visibility=(showcimsor1) ? "visible" : "hidden";
rejt3.style.visibility=(showcimsor3) ? "visible" : "hidden";
}
</script>
</head>
<body>
<h1 id="rejt1"> h1-es címsor</h1>
<h3 id="rejt3"> h3-as címsor </h3>
<form name="form1">
<u><strong>Címsorok elrejtése vagy felfedése</strong></u><br />
<input type="checkbox" name="rejt1" checked onClick="ShowHide() ;"> Első h1 (azonosítója id="rejt1") <br />
<input type="checkbox" name="rejt3" checked onClick="ShowHide() ;"> Második h3 (azonosítója id="rejt3") <br />
</form>
</body>