原文地址：
http://www.div-css.com/html/javascript/54219912025.html

我用jquery的实现，对原来的CSS进行了一些改动，让中间部分独立出来，这样便于应用jquery的slideToggle效果！~
从效果上看，是完全一样的，而且跨浏览器！原文的只能在IE下运行（小改动下，就支持FF了，呵呵~我不告诉他）
友情提示：点击下面的预览可直接查看效果。 :)
<style> #content,#intro,#title{  font: 13px/25px;  width: 200px;  height: 40px;  background: #eee;  padding: 10px;  border: 4px #ccc double;  border-bottom:0;  overflow: hidden; } #content{  display:none;  height:500px;  border-top:0;  } #intro {  color: #036;  font:12px;  border: 4px #ccc double;  border-top:0;  height:70px; } #key{color:#900;float:right} hr{height:1px;border:1px #ccc dotted} </style> <script type="text/javascript" src="http://www.zendstudio.net/libs/jquery-1.2.1.js"></script> <script> $(function(){ $("#key").click(function(){  $(this).html()=='展开'?$(this).html('关闭'):$(this).html('展开');  $("#content").slideToggle('slow'); }); }); </script> <div id="title"> 孤雁儿 <br><br> </div> <div id="content"> 世人作梅词，下笔便俗。予试作一篇，乃知前言不妄耳。<br><br> 藤床纸帐朝眠起，<br> 说不尽、无佳思。<br> 沈香烟断玉炉寒，<br> 伴我情怀如水。<br> 笛声三弄，<br> 梅心惊破，<br> 多少春情意。<br><br> 小风疏雨萧萧地，<br> 又催下、千行泪。<br> 吹箫人去玉楼空，<br> 肠断与谁同倚？ 一枝折得，<br> 人间天上，<br> 没个人堪寄。 </div> <div id="intro" ><hr>作者：李清照<span id="key">展开</span><br>来源：中国诗辞网</div> <div style="color:red;margin-top:20px;">dp.SyntaxHighlighter高亮插件已修正升级，若您发现预览不正常，欢迎给我留言，报告BUG,我一定尽全力修正！</div>

可能与本文相关的一些内容

js dom元素查找方法的总结

div-css.com上一个javascript实例的jquery模仿（三）

div-css.com上一个javascript实例的jquery模仿（一）

接触伟大的jquery -优雅的JS库