请教一下点击某个连接显示部分内容，其他部分的不显示（如果有显示自动关闭显示）

<table cellSpacing="0" cellPadding="0" width="600" border="0">
                        <tbody>
                          <tr>
                            <td width="600" height="21"><a href=#  onClick="ShowControlPane(window.Cp_News_1);HideControlPane(window.Cp_News_2);HideControlPane(window.Cp_News_3);">400系列</a> </td>
                          </tr>
                          
                          <tr>
                            <td vAlign="top" Id="Cp_News_1" style="display:none">
内容一
</td>
                          </tr>
                          <tr>
                            <td vAlign="top"><a href=#  onClick="ShowControlPane(window.Cp_News_2);HideControlPane(window.Cp_News_1);HideControlPane(window.Cp_News_3);">200系列</a></td>
                          </tr>
                          <tr>
                            <td vAlign="top" Id="Cp_News_2" style="display:none">
内容二
</td>
                          </tr>
                          <tr>
                            <td vAlign="top"><a href=#  onClick="ShowControlPane(window.Cp_News_3);HideControlPane(window.Cp_News_1);HideControlPane(window.Cp_News_2);">100系列</a></td>
                          </tr>
                          <tr>
                            <td vAlign="top" Id="Cp_News_3" style="display:none">
内容三
</td>
                          </tr>
</table>
<script language="JavaScript" type="text/JavaScript">
document.write("<iframe style=\"display:none\" id=\"ActionFrame\"></iframe>");
function ShowControlPane(obj)
{
    if(obj.style.display=='')
    {
        obj.style.display='none'
    }else{
        obj.style.display=''
    }
}
</script>
<script language="JavaScript" type="text/JavaScript">
document.write("<iframe style=\"display:none\" id=\"ActionFrame\"></iframe>");
function HideControlPane(obj)
{
  obj.style.display='none'
}
</script>