急着用!请教各位高手:如何用javascript实现类似OICQ里菜单的升降功能?

<frameset rows="26,26,*" name="frm_tree" noresize border="0" framespacing="0"> 
  <frame name="frm_product" src="producttree.htm" scrolling="auto" frameborder="NO" noresize>
  <frame name="frm_mail" src="mailtree.htm" scrolling="auto" frameborder="NO" noresize>
  <frame name="frm_viewpic" src="viewpictree.htm" scrolling="auto" frameborder="NO" noresize>
</frameset>producttree.htm
<style>
BODY {
        margin-top : 0px;
        margin-bottom : 0px;
        margin-left : 0px;
}
</style>
<body bgcolor="#FFFFFF" text="#000000" onload="content.style.display='block'">
<form name="form1" method="post" action="">
<table width=100% style="border:1px,1px,1px,1px outset"><tr><td style="cursor:hand" onclick="top.frm_mail.content.style.display='none';top.frm_viewpic.content.style.display='none';content.style.display='block';top.frm_tree.rows='*,26,26'">
产品设计管理</td></tr></table>
<div id=content>
  <p> product </p>
  <p> product </p>
  <p> product </p>
  <p> product </p>
  <p> product </p>
 </div>mailtree.htm
<style>
BODY {
        margin-top : 0px;
        margin-bottom : 0px;
        margin-left : 0px;
}
</style>
<body bgcolor="#FFFFFF" text="#000000" onload="content.style.display='none'">
<table width=100% style="border:1px,1px,1px,1px outset"><tr><td style="cursor:hand" onclick="top.frm_product.content.style.display='none';top.frm_viewpic.content.style.display='none';content.style.display='block';top.frm_tree.rows='26,*,26'">
邮件管理</td></tr></table>
<div id=content>
  <p> mail </p>
 </div>
</body>
</body>viewpictree.htm
<style>
BODY {
        margin-top : 0px;
        margin-bottom : 0px;
        margin-left : 0px;
}
</style>
<body bgcolor="#FFFFFF" text="#000000" onload="content.style.display='none'">
<table width=100% style="border:1px,1px,1px,1px outset"><tr><td style="cursor:hand" onclick="top.frm_mail.content.style.display='none';top.frm_product.content.style.display='none';content.style.display='block';top.frm_tree.rows='26,26,*'">
图档浏览</td></tr></table>
<div id=content>
  <p> viewpic </p>
 </div>
</body>