<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>折り畳み型メニュー</title>
<script language="JavaScript">
<!--
i=7;//menuで使った数
open_close_flg = new Array(i);//配列を定義
for(j = 0; j < i; j++){ open_close_flg[j] = 0;}//配列の初期化
function open_close_cntl(menu_array,menu_id){//オープンクローズ制御関数
if(open_close_flg[menu_array] == 0){//閉じていたら開く
if(document.getElementById){
document.getElementById(menu_id).style.display='block';}
else{
document.all(menu_id).style.display='block';}
open_close_flg[menu_array] = 1;}//開くに設定
else{//開いていたら閉じる
if(document.getElementById){
document.getElementById(menu_id).style.display='none';}
else{
document.all(menu_id).style.display='none';}
open_close_flg[menu_array] = 0;}//閉じるに設定
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<ul>
<li><a href="javascript:open_close_cntl(0,'menu_0')">検索エンジン</a>
<ul id="menu_0" style="display:none;">
<li><a href="javascript:open_close_cntl(1,'menu_1')">ロボット型検索エンジン</a>
<ul id="menu_1" style="display:none;">
<li><a href="http://www.google.com/">Google</a>
<li><a href="http://www.infoseek.co.jp/">infoseek</a>
</ul>
<li><a href="javascript:open_close_cntl(2,'menu_2')">ディレクトリ型</a>
<ul id="menu_2" style="display:none;">
<li><a href="http://www.yahoo.co.jp/">Yahoo! JAPAN</a></li>
</ul>
</ul>
<li><a href="javascript:open_close_cntl(3,'menu_3');">メディア</a>
<ul id="menu_3" style="display:none;">
<li><a href="javascript:open_close_cntl(4,'menu_4');">新聞系</a>
<ul id="menu_4" style="display:none;">
<li><a href="http://www.asahi.com/">朝日新聞</a></li>
<li><a href="http://www.yomiuri.co.jp/">読売新聞</a></li>
</ul>
<li><a href="javascript:open_close_cntl(5,'menu_5');">テレビ系</a>
<ul id="menu_5" style="display:none;">
<li><a href="http://www.nhk.or.jp/">NHK</a></li>
<li><a href="javascript:open_close_cntl(6,'menu_6');">テレビ朝日系列</a>
<ul id="menu_6" style="display:none;">
<li><a href="http://www.tv-asahi.co.jp/">テレビ朝日</a></li>
<li><a href="http://www.nbn.co.jp/">名古屋テレビ</a></li>
</ul>
</li>
</ul>
</ul>
</ul>
</body>
</html>