我写的树形菜单为有一个漏洞帮忙看一下

<html>
<head>
<title>无标题文档</title>
<script language="javascript">
function tianbo(aaa)
{
if (aaa.style.display=="none" )
{aaa.style.display="";}
else {aaa.style.display="none";}
}
</script>
</head><body>
<table>
<tr>
<td onMouseup="tianbo(bbb)"><a href="javascript:;"><font size="5">★第一标题</font></a></td>
</tr>
<tr>
<td><table><tr><td id="bbb" style="display:'none'"><font size="3" color="#0000FF">☆第一标题－１</font></td></tr></table></td>
</tr>
</table>
<table>
<tr>
<td onMouseup="tianbo(ccc)"><a href="javascript:;"><font size="5">★第二标题</font></a></td>
</tr>
<tr>
<td><table><tr><td id="ccc" style="display:'none'"><font size="3" color="#0000FF">☆第二标题－１</font></td></tr></table></td>
</tr>
</table>
<table>
<tr>
<td onMouseup="tianbo(ddd)"><a href="javascript:;"><font size="5">★第三标题</font></a></td>
</tr>
<tr>
<td><table><tr><td id="ddd" style="display:'none'"><font size="3" color="#0000FF">☆第三标题－１</font></td></tr></table></td>
</tr>
</table>
<table>
<tr>
<td onMouseup="tianbo(eee)"><font size="5"><a href="javascript:;">★第四标题</a>
</font></td>
</tr>
<tr>
<td><table><tr><td id="eee" style="display:'none'" onMouseup="tianbo(fff)"><a href="javascript:;">☆第四标题－１</a><table><tr><td id="fff" style="display:'none'"><font size="2" color="#0000FF">☆第四标题－１-1</font></td></tr></table></td></tr></table></td>
</tr>
<tr><td></td></tr></table>
</body>
</html>