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>

 

转载于:https://www.cnblogs.com/ycmoon/archive/2009/12/27/1633446.html