Html
    Css
    Js

    
                        
.menu_list {
	width:100%;
}
.menu_head {
	cursor:pointer;
	position:relative;
	margin:1px;
	font-weight:bold;
	background:#eef4d3 url(left.png) center right no-repeat;
}
.menu_body {
	display:none;
}
.menu_body a {
	display:block;
	color:#006699;
	background-color:#EFEFEF;
	padding-left:5rem;
	font-weight:bold;
	text-decoration:none;
}
.menu_body a:hover {
	color:#000000;
	text-decoration:underline;
}

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

超简单的jQuery手风琴功能

我这里的数值是rem的,大家可以视实际情况调节

0