我是新手一枚，做jsp页面时，想做个课程简介，内容较多，怎样做到将简介收起与展开的效果呢

http://www.codefans.net/jscss/code/4846.shtml 这是一个比较好看的特效（全部折叠）
http://www.daimajiayuan.com/sitejs-7477-1.html 这是部分折叠，显示一部分

 <!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JS实现默认显示部分文字，点击按钮显示全部</title> 
</head> 
<body> 
<div id="box"> 
<h2>课程简介</h2> 
<p>内容。。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。内容。。。。</p> <br/>
</div> 
<script> 
function show(){ 
var box = document.getElementById("box"); 
var text = box.innerHTML; 
var newBox = document.createElement("div"); 
var btn = document.createElement("a"); 
newBox.innerHTML = text.substring(0,200); 
btn.innerHTML = text.length > 200 ? "...显示全部" : ""; 
btn.href = "###"; 
btn.onclick = function(){ 
if (btn.innerHTML == "...显示全部"){ 
btn.innerHTML = "收起"; 
newBox.innerHTML = text; 
}else{ 
btn.innerHTML = "...显示全部"; 
newBox.innerHTML = text.substring(0,200); 
} 
} 
box.innerHTML = ""; 
box.appendChild(newBox); 
box.appendChild(btn); 
} 
show(); 
</script> 
</body> 
</html>

这个蛮适合你的，，，，参考链接：http://www.jb51.net/article/36754.htm

比较简单的方法，给一个onclick事件，你点击一下，把内容修改了，把onclick的方法改了。内容就全部显示，再点一下，这时候调用的事件是你后来的事件方法，在方法里把内容改回去，再把方法改回原来的方法就行了
------也可以一个标题元素，里面写不需要隐藏的内容，下面在一个元素写入需要隐藏的内容，点击一下把整个标签隐藏也可以