<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.menu{
height: 600px;
width: 30%;
background-color: #2F4F4F;
float: left;
}
.title{
line-height: 50px;
color: #ddd;
}
.title:hover{
cursor: pointer;
color: lightcyan;
font-size: 18px;
}
.hide{
display: none;
}
</style>
</head>
<body>
<div>
<div>
<div>
<div onclick="Show(this);">菜单一</div>
<div>
<div>111</div>
<div>111</div>
<div>111</div>
</div>
</div>
<div>
<div onclick="Show(this);">菜单二</div>
<div class="con hide">
<div>222</div>
<div>222</div>
<div>222</div>
</div>
</div>
<div>
<div onclick="Show(this);">菜单三</div>
<div class="con hide">
<div>333</div>
<div>333</div>
<div>333</div>
</div>
</div>
</div>
</div>
<script src="../../jquery-1.12.4.js"></script>
<script>
function Show(self) {
$(self).next().removeClass("hide").parent().siblings().children(".con").addClass("hide");
}
</script>
</body>
</html>
人生要用简单的心境，对待复杂的人生，最无情的不是人，是时间；最珍贵的不是金钱，是情感；最可怕的不是失恋，是心身不全；最舒适的不是酒店，是家里；最难听的不是脏话，是无言；最美好的不是未来，是今天。
