次のようにコードをコピーします。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<頭>
<meta http-equiv=content-type content="text/html; charset=utf-8" />
<link href="css/admin.css" type="text/css" rel="stylesheet" />
<スクリプト言語=javascript>
function Expand(el)// ID を渡します。1、2、3 は、属するカテゴリを区別するために使用されます。
{
childobj = document.getElementById("child" + el);//child1,child2....
if (childobj.style.display == 'none')//この要素が none の場合、表示されません
{
childobj.style.display = 'block';//ブロックの場合。ブロックレベルの要素として表示されます
}
それ以外
{
childobj.style.display = 'none';//もう一度クリックすると再び非表示になります
}
戻る;
}
</script>
</head>
<本文>
<テーブル セルスペース=0 セルパディング=0 幅=170
背景=./img/menu_bg.jpg border=0>
<tr>
<td valign=top align=middle>
<表のセルスペース=0 セルパディング=0 ボーダー=0>
<tr>
<td height=10></td>
</tr>
</テーブル>
<表のセルスペース=0 セルパディング=0 幅=150 ボーダー=0>
<tr height=22>
<td style="padding-left: 30px" background=./img/menu_bt.jpg>
<a class=menuparent onclick=expand(1) href="javascript:void(0);">人事管理</a></td></tr>
<tr height=4>
<td></td></tr></table>
<table id=child1 style="表示: なし" cellpacing=0 cellpadding=0
幅=150 ボーダー=0>
<tr height=20>
<td align=middle width=30><img height=9
src="./img/menu_icon.gif" width=9></td>
<td><a class=menuchild
href="メンバー追加.jsp"
target=right>スタッフの増員</a></td></tr>
<tr height=20>
<td align=middle width=30><img height=9
src="./img/menu_icon.gif" width=9></td>
<td><a class=menuchild
href="#"
target=right>人事異動</a></td></tr>
<tr height=20>
<td align=middle width=30><img height=9
src="./img/menu_icon.gif" width=9></td>
<td><a class=menuchild
href="#"
target=right>人事削除</a></td></tr>
<tr height=20>
<td align=middle width=30><img height=9
src="./img/menu_icon.gif" width=9></td>
<td><a class=menuchild
href="#"
target=right>人材検索</a></td></tr>
<tr height=4>
<tdcolspan=2></td>
</tr>
</テーブル>
</body>
</html>