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>