先放完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<style type="text/css">
#a{
width:50px;
height:50px;
background: rgb(54, 54, 54);
}
#b{
width:50px;
height:50px;
background: rgb(144, 243, 182);
}
#d{
width:50px;
height:50px;
background: rgb(114, 116, 231);
}
li{
list-style: none;
}
.display{display:block;}
.hide{display:none;}
</style>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
<div id="d"></div>
<div id="c">
<ul>
<li id="c1">11111111</li>
<li id="c2">22222222</li>
<li id=&