[表示]非表示と表示を切り替える簡単なスクリプトですが一つだと良くあるので、たくさんの数に対応してみました。
<HTML>
<HEAD>
<TITLE>表示と非表示</TITLE>
<SCRIPT language="JavaScript">
<!--
function VisSet(Object){
for(i=0;i<VisSet.arguments.length;i++) {
pr = document.all(VisSet.arguments[i]).style
if( VisSet.arguments[i] != "" ) {
switch(pr.display){
case "":
pr.display="none"
break;
case "none":
pr.display="block"
break;
case "block":
pr.display="none"
break;
}
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT type="button" value="全て反転"
onclick="VisSet('List1','List2','List3','List4','List5','List6')">
</FORM>
<DL>
<DT><SPAN style="background-color : aqua;"
onclick="VisSet('List1','List2','List3')">テストリスト１</SPAN>
<DD id="List1">子アイテム１
<DD id="List2">子アイテム２
<DD id="List3">子アイテム３
<DT><SPAN style="background-color : aqua;"
onclick="VisSet('List4','List5','List6')">テストリスト２</SPAN>
<DD id="List4">子アイテム１
<DD id="List5">子アイテム２
<DD id="List6">子アイテム３
</DL>
</BODY>
</HTML>
| 