アウトラインをクリックするとリンクのサブカテゴリーが開いたり閉じたりするサンプルです.
注:IE4.0以降のみ動作可能です.
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Click(){ //(1)
var sElem = event.srcElement;
if( "" != sElem.id ){
var sb = sElem.id + "Sub"; //(2)
var el = document.all[sb];
if( null != el ) el.style.display = "none" == el.style.display ? "" : "none"; //(3)
event.returnValue = false;
}
}
}
//-->
</SCRIPT>
</head>
<body>
<b><span onclick = "Click()" id="Link">リンク</span></b>
<div id="LinkSub" style "display:none"><br> //(4)
<ul>
<li><a href="wnew.html">Wha'ts NEW</a><
<li><a href="JavaScript.html">JavaScript</a><
<li><a href="links.html">Links</a><
</ul>
</div>
</body>
リンク