<html>
<head>
<title>Sample</title>
<style type="text/css"><!--
#objDiv1,#objDiv2,#objDiv3 {
border:1px black solid;
width:480px;
height:50px;
display: block;
}
--></style>
<script type="text/javascript"><!--
function setBlock(dspObj,vType)
{
//alert(document.getElementById(dspObj).style);
document.getElementById(dspObj).style.display = vType;
//alert(document.getElementById(dspObj).style.display);
}
// --></script>
</head>
<body>
<div id="objDiv1">段落その１です。ここはブロック１です。</div>
<div id="objDiv2">段落その２です。ここはブロック２です。</div>
<div id="objDiv3">段落その３です。ここはブロック３です。</div>
<form>
<input type="button" value="ブロック１を表示する" onClick="setBlock('objDiv1','')">
<input type="button" value="ブロック１を表示しない" onClick="setBlock('objDiv1','none')"><br>
<input type="button" value="ブロック２を表示する" onClick="setBlock('objDiv2','')">
<input type="button" value="ブロック２を表示しない" onClick="setBlock('objDiv2','none')"><br>
<input type="button" value="ブロック３を表示する" onClick="setBlock('objDiv3','')">
<input type="button" value="ブロック３を表示しない" onClick="setBlock('objDiv3','none')"><br>
</form>
</body>
</html>
説明などは本書を参考にしてください。