Html 列表實現展開和收起

HTML中，點擊列表元素，在其下展開更多的小選項。不點的時候是收起來的。
就是實現路由器左邊的菜單那樣的功能。怎么實現，知道的指點一下，謝謝了！！

最常見的方法是通過Javascript控制某標簽的CSS屬性來實現的，下面是具體實現方法：

首先給要隱藏或顯示的部分所在標簽一個惟一的ID，比如將它們放到一個<div id="div1"></div>里;

然后給某個實體(按你的意思來，就是"列表元素")的onclick事件寫一個響應的方法，方法中用上類似以下的語句：

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

其中"div1"就是要顯示或隱藏的部分的ID。