Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
.leftNav {
	width:200px;
	border-left:1px solid #666;
	border-right:1px solid #666;
}
.nav1 li {
	line-height:50px;
}
.nav1>li {
	width:100%;
	height:50px;
	border-bottom:1px solid #666;
	text-align:center;
	cursor:pointer;
	background-color:peru;
	color:white;
}
.nav2 {
	display:none;
}
.nav2 li {
	width:100%;
	height:50px;
	border-bottom:1px solid #666;
	text-align:center;
	cursor:pointer;
}

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

左侧导航栏leftNav

左侧导航栏,leftnav,left_nav,垂直导航栏,缓慢展开闭合

0