Html 列表实现展开和收起

HTML中，点击列表元素，在其下展开更多的小选项。不点的时候是收起来的。
就是实现路由器左边的菜单那样的功能。怎么实现，知道的指点一下，谢谢了！！

最常见的方法是通过Javascript控制某标签的CSS属性来实现的，下面是具体实现方法：

首先给要隐藏或显示的部分所在标签一个惟一的ID，比如将它们放到一个<div id="div1"></div>里;

然后给某个实体(按你的意思来，就是"列表元素")的onclick事件写一个响应的方法，方法中用上类似以下的语句：

document.all["div1"].style.display="block"; //显示
或
document.all["div1"].style.display="none"; //隐藏

其中"div1"就是要显示或隐藏的部分的ID。