1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 <style>
7 ul
8 {
9 list-style: none;
10
11 }
12 #aa
13 {
14 width: 200px;
15 height: 100px;
16 background: pink;
17 }
18 ul #a
19 {
20 width: 200px;
21 height: 500px;
22 background: #3c3c3c;
23 }
24 </style>
25 </head>
26 <body>
27 <ul>
28 <li id="aa"></li>
29 <li id="a"></li>
30 </ul>
31
32
33 <script>
34 var chan1=document.getElementById('aa');
35 var chan2=document.getElementById('a');
36 chan1.onclick=function (){
37 if (chan2.style.display=="block") {
38 chan2.style.display="none";
39 }else{
40 chan2.style.display="block";
41 };
42 };
43
44 </script>
45 </body>
46 </html>