オブジェクトの表示・非表示

クリックするとオブジェクトが表示・非表示を繰り返す

クリックすると隠れているオブジェクトが表示され、再びクリックするとまた隠れるという動きを繰り返します。下記の例では、テキストを使用していますが、画像に変えることも可能です。
なお、オブジェクトの数を増やしたいときは、<body>～</body>の中のタグをその下にコピー&ペーストし、2箇所あるtreeMenu1の数字を2、3・・・と増加していってください。

<html>
<head>
<title>オブジェクトの表示・非表示</title>
<script type="text/javascript">

</script>
</head>
<body>
<a href="javascript:exitMenu('treeMenu1')">表示・非表示</a>
<div id="treeMenu1" style="display: none">
1111111111111
2222222222222
3333333333333
4444444444444
5555555555555
</div>
</body>
</html>

例

表示・非表示