csdn的树型菜单隐藏功能怎么实现

Question

一个简单的例子：
<table>
<tr><td onclick="if(this.innerText=='+'){this.innerText='-';tbl1.style.display='';}else{this.innerText='+';tbl1.style.display='none';}" style="cursor:hand;width:16px;">+<td>父节点
<tr><td><td>
<table style="display:none;" id=tbl1>
<tr><td onclick="if(this.innerText=='+'){this.innerText='-';tbl2.style.display='';}else{this.innerText='+';tbl2.style.display='none';}" style="cursor:hand;width:16px;">+<td>子节点1
<tr><td><td><table style="display:none;" id=tbl2>
<tr><td>-<td>子节点1__1
</table>
<tr><td>-<td>子节点2
</table></table>