如何实现多个DIV展开收缩，但是下面的只能展开第一个的，我想修改下面的的语句，实现支持多个展开收缩.

显示全部楼层 · 2011-5-24 09:50:07

div展开收缩代码
* { margin:0; padding:0;}
body { text-align:center; font:75% Verdana, Arial, Helvetica, sans-serif;}
h1 { font:125% Arial, Helvetica, sans-serif; text-align:left; font-weight:bolder; background:#333;padding:3px; display:block; color:#99CC00}
.class1 { width:40%; background:#CCC; position:relative; margin:0 auto; padding:5px;}
span { position:absolute; right:10px; top:8px; cursor: pointer; color:yellow;}
p { text-align:left; line-height:20px; background:#333; padding:3px; margin-top:5px; color:#99CC00}
#class1content { height:300px;overflow:hidden;display:none;}

div展开收缩效果
展开
something.........

div展开收缩效果
展开
something.........

千问 · 2011-5-24 09:50:07

div展开收缩代码* { margin:0; padding:0;}body { text-align:center; font:75% Verdana, Arial, Helvetica, sans-serif;}h1 { font:125% Arial, Helvetica, sans-serif; text-align:left; font-weight:bolder; background:#333;padding:3px; display:block; color:#99CC00}.class1 { width:40%; background: