我想要一个这样的代码，如http://mxd.766.com/gw/index1.html#tongg2
当你点击怪物名称时，下面打开一个表格。
点击关闭时，表格关闭。我想要做出这种动态的效果。
请教教我。

[CODE]<script language="javascript">
function check(num)
{
this.TA[0].style.display="none";
this.TA[1].style.display="none";
this.TA[2].style.display="none";
this.TA[num-1].style.display="block";
return false;
}
function closeta()
{
this.TA[0].style.display="none";
this.TA[1].style.display="none";
this.TA[2].style.display="none";
return false;
}
</script>
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><table width="100%" height="25" border="0" cellpadding="0" cellspacing="1" bgcolor="#FF0000">
<tr>
<td align="center" bgcolor="#FFFFFF"><a href="#" onclick="check(1)">怪物1</a></td>
<td align="center" bgcolor="#FFFFFF"><a href="#" onclick="check(2)">怪物2</a></td>
<td align="center" bgcolor="#FFFFFF"><a href="#" onclick="check(3)">怪物3</a></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top">
<table id="TA" style="display:none" width="100%" height="73" border="0" cellpadding="0" cellspacing="1" bgcolor="#D2EDFF">
<tr>
<td width="23%" rowspan="2" align="center" bgcolor="#FFFFFF"><a href="#">怪物1</a></td>
<td width="43%" align="center" bgcolor="#FFFFFF">经验值</td>
<td width="34%" align="center" bgcolor="#FFFFFF">等级</td>
</tr>
<tr>
<td height="32" align="center" bgcolor="#FFFFFF">100</td>
<td align="center" bgcolor="#FFFFFF">3</td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor="#FFFFFF"><a href="#" onclick="closeta()">&lt;Close&gt;</a></td>
</tr>
</table>
<table id="TA" style="display:none" width="100%" height="73" border="0" cellpadding="0" cellspacing="1" bgcolor="#D2EDFF">
<tr>
<td width="23%" rowspan="2" align="center" bgcolor="#FFFFFF"><a href="#">怪物2</a></td>
<td width="43%" align="center" bgcolor="#FFFFFF">经验值</td>
<td width="34%" align="center" bgcolor="#FFFFFF">等级</td>
</tr>
<tr>
<td height="32" align="center" bgcolor="#FFFFFF">150</td>
<td align="center" bgcolor="#FFFFFF">4</td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor="#FFFFFF"><a href="#" onclick="closeta()">&lt;Close&gt;</a></td>
</tr>
</table>
<table id="TA" style="display:none" width="100%" height="73" border="0" cellpadding="0" cellspacing="1" bgcolor="#D2EDFF">
<tr>
<td width="23%" rowspan="2" align="center" bgcolor="#FFFFFF"><a href="#">怪物3</a></td>
<td width="43%" align="center" bgcolor="#FFFFFF">经验值</td>
<td width="34%" align="center" bgcolor="#FFFFFF">等级</td>
</tr>
<tr>
<td height="32" align="center" bgcolor="#FFFFFF">170</td>
<td align="center" bgcolor="#FFFFFF">5</td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor="#FFFFFF"><a href="#" onclick="closeta()">&lt;Close&gt;</a></td>
</tr>
</table></td>
</tr>
</table>[/CODE]

谢谢啊