在页面中实现内容的展开和收缩

来源：互联网发布：清华大学绩点算法编辑：程序博客网时间：2024/04/27 19:29

该篇文章是我于2009年6月10日通过自己编写的工具，批量从位于在博客园的博客站点(http://chenxizhang.cnblogs.com)同步而来。文章中的图片地址仍然是链接到博客园的。特此说明！

陈希章

原文地址：http://www.cnblogs.com/chenxizhang/archive/2009/05/26/1489496.html
原文标题：在页面中实现内容的展开和收缩
原文发表：2009/5/26 4:18:00

很多网页都需要有这样的特性：某些内容可以进行收缩和展开。当然，是希望在客户端用脚本的方式来实现的。

点击“隐藏”按钮之后，我们希望第一个部分的内容隐藏起来，同时按钮的文本也要改变。

我们一般会这样做

动态收缩和展开的页面

这是第一部分的内容

这是第二部分的内容

这里，可能大家很感兴趣的是那些脚本代码。但我要说，那其实很简单。但你可能在测试的时候，发现代码不能起作用。那是因为这个页面必须有第一句声明。【这是必须的】

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

如果要在XSLT中加入这个文档声明，则大致如下

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>作者：陈希章
出处：http://blog.csdn.net/chen_xizhang
本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。