1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
2 <style>
3 .all{width:300px;height:600px;background-color:red;}
4 .tit{height:30px;background-color:blue;border-bottom:1px solid red;}
5 .text{height:200px;background-color:yellow;display:none;}
6 </style>
7 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
8 <script>
9 $(function(){
10 $('.tit').click(function(){
11
12 if($(this).next().css('display')=='none')
13 {
14 $(this).next().slideDown().parent().siblings().children('.text').slideUp();
15 }
16 else
17 {
18 $(this).next().slideUp();
19 }
20
21 });
22 });
23 </script>
24
25 <div class="all">
26 <div class="a">
27 <div class="tit">项目1</div>
28 <div class="text">内容</div>
29 </div>
30 <div class="a">
31 <div class="tit">项目2</div>
32 <div class="text">内容</div>
33 </div>
34 <div class="a">
35 <div class="tit">项目3</div>
36 <div class="text">内容</div>
37 </div>
38 <div>
