HTML中列表收起与展开

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

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

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

document.all["div1"].style.display="block"//显示

或

document.all["div1"].style.display="none"//隐藏

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

//很简单啊

12345//JS CODE //直接控制样式display:none；即可$('#more').click(function(){$('#out').toggleClass('show')//增加show样式})

至于你所说的缓冲，可以增加样式

12345678/*CSS CODE*/.back.show{display:block !important transition:all .5s ease//慢慢的展示，兼容性没有写}.back{display:none}

至于其他的样式需要你自己添加了。

---