我有这段代码,工作正常,但问题是当我单击链接 (1) 时显示所有 DIV,而我需要每个链接仅显示其自己的 div。
Java 脚本
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});
<a href="#" class="show_hide">Map</a> //Link(1)
<div class="slidingDiv">
<a href="#" class="show_hide">hide</a>
</div>
<a href="#" class="show_hide">Map</a>//Link(2)
<div class="slidingDiv">
<a href="#" class="show_hide">hide</a>
</div>
<a href="#" class="show_hide">Map</a>//Link(3)
<div class="slidingDiv">
<a href="#" class="show_hide">hide</a>
</div>
//...............And so on.....
如果我单击其中任何一个链接,它会显示所有 DIV,而它应该只显示自己的 DIV。
怎么做?