jquery 一行实现div联动

 

好多朋友经常想 点击一个特定一特性的div  然后显示或者隐藏另外一个与之相对应的div
让我们看看下面的代码

实现点击aaa 显示 bbbb

<script language=javascript src="> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
 $(document).ready(function(){ 
 $(".aaa").click(function(){ 
         $(this).next().toggle(); 

     }) 

});  

//--> 
</SCRIPT> 
<div class="aaa">aaaaa1</div> 
<div class="bbb">bbbbb1</div> 
<div class="aaa">aaaaa2</div> 
<div class="bbb">bbbbb2</div> 
<div class="aaa">aaaaa3</div> 
<div class="bbb">bbbbb3</div> 
<div class="aaa">aaaaa4</div> 
<div class="bbb">bbbbb4</div> 
<div class="aaa">aaaaa5</div> 
<div class="bbb">bbbbb5</div>