Html
    Css
    Js

    
                        
body,td,div,span,li {
	font-size:12px;
}
.title01,.title02 {
	/*“第一层”文字色彩*/
	color:#fff;
	font-weight:bold;
}
#DoorP {
	/* 外框DIV样式 */
	border:1px solid #eee;
	width:150px;
	height:300px;
	padding:4px;
	background:#fff;
}
.title01 {
	/* 当前显视层样式*/
	width:100%;
	height:25px;
	background:#00ccff;
	cursor:pointer;
}
.title02 {
	/*未被点击层样式*/
	width:100%;
	height:25px;
	background:#99cc00;
	cursor:pointer;
}
.content {
	/*点击后显视内容层样式*/
	background:#eee;
	border-bottom:1px solid #fff;
	overflow:hidden;
	color:#666;
	padding-left:4px;
	padding-right:4px;
	line-height:18px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

弹性手风琴效果,下拉滚动门,点击展开

0