点击隐藏左侧或右侧

脚本： 

<script language="javascript" type="text/javascript">
        function switchSysBar()
        {
  //TDTree为你要隐藏块的ID值
            if (document.all("TDTree").style.display == "")
            {
                document.all("TDTree").style.display = "none"
  //给单击部分添加图片
                document.all.movetool.innerHTML = "<img src='Images/movetoolright1.gif' width='10' height='39' border='0'>";
            }
            else
            {
                document.all("TDTree").style.display = "";
                document.all.movetool.innerHTML = "<img src='Images/movetool1.gif' width='10' height='39' border='0'>";
            }
        }
</script>

例如：
 <table width="500" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td id="TDTree">
                <uc1:TopControl ID="TopControl1" runat="server" />//这是一个树形TreeView控件
            </td>
            <td height="100%" width="10"><a style="CURSOR:hand" onClick="switchSysBar()" id="movetool"><img src="Images/movetool1.gif" width="11" height="39" border="0"></a></td>
            <td>

                <--框架-->
                <iframe marginheight="100%" marginwidth="100%" id="Main"  name="frameMain"></iframe>
            </td>
        </tr>
    </table>