jquery展开收缩效果 jquery缩放整个页面

jquery 的 slideToggle 做伸展时别的层换样式,收缩时样式还原怎么做?

div{

background-color:red;

}a{

display:block;

}

11

11

11

11

11

高分求jquery 手风琴效果实现代码

,body,ul,li,a,h2{ margin:0; padding:0; list-style:none;}

#menu { width:211px; height:; float:left; margin-left:22px; margin-left:11px; margin-top:10px; margin-bottom:10px; _padding-bottom:10px; overflow:hidden;}

#menu a { cursor:pointer; width:211px; height:31px; float:left; padding-left:50px; background:(../App_Themes/images/Bg.jpg) no-repeat left top; color: #000000; cursor: pointer; font-weight:normal; font-size: 12px; line-height:31px; margin-top:2px; ition:relative;}

#menu h2 { cursor:pointer; width:211px; height:31px; float:left; padding-left:50px; background:(../App_Themes/images/type_sec.jpg) no-repeat left top; color: #db5901; cursor: pointer; font-weight:normal; font-size: 12px; line-height:31px; margin-top:2px; ition:relative;}

#menu h2:hover { cursor:pointer; width:211px; height:31px; float:left; padding-left:50px; color: #333333; cursor: pointer; font-weight:normal; font-size: 12px; line-height:31px; margin-top:2px; ition:relative;}

#menu a.nhov { cursor:pointer; width:211px; height:31px; float:left; padding-left:50px; background:(../App_Themes/images/typeBg.jpg) no-repeat left top; color: #ffffff; cursor: pointer; font-weight:normal; font-size: 12px; line-height:31px; margin-top:2px; ition:relative;}

.no { display:none;}

.type_prod_title{width:234px; height:26px; background-color:#4c4c4c; text-align:center; font-size:12px; color:White; line-height:26px; font-weight:normal; float:left; overflow:hidden;}

{

margin:0;

padding:0;

}div{

width:50px;

height: 30px;

background-color:black;

color:white;

line-height:30px;

margin-bottom:10px;

text-align:center;

right:0px;

top:100px;

cursor:pointer;

}div:nth-child(2){

top:140px;

}div:nth-child(3){

top:180px;

}div:nth-child(4){

top:220px;

}