如何使用子DIV顯示/隱藏多個DIV

Question

我試圖在單擊時打開多個DIVS的子DIV以打開文本DIV。

請參見本主題：
jQuery - How to show/hide multiple DIVs with child DIVs

我有麻煩

。這裏就是我：
www.gehko.co.uk/rohithSK/upcoming_rohith_katbamna3.html

這裏是JavaScript：

<script type="text/JavaScript"> 
$(".map-box a").click(function(e) { 
    $("#areas > div").hide(); 
    $(this.hash).show(); 
    e.preventDefault(); 
}); 
$("#areas div").not("#london, #london div").hide(); 
</script> 

繼承人的HTML：

<div id="maps"> 
<div id="upcomingNewOne"> 
<div class="map-box"><a href="#london"><img src="images/paper4Normal.gif" border="0"/></a></div></div> 

<div id="upcomingNewTwo"> 
<div class="map-box"><a href="#south-west"><img src="images/paper3Normal.gif" border="0"/></a></div></div> 

<div id="upcomingNewThree"> 
<div class="map-box"><a href="#south-central"><img src="images/paper2Normal.gif" border="0"/></a></div></div> 

<div id="upcomingNewFour"> 
<div class="map-box"><a href="#north"><img src="images/paper1Normal.gif" border="0"/></a></div></div> 
</div> 


<br /><br/> 
<div id="areas"> 
<div id="f1"> 
<div></div> 
<div>f1</div> 
</div> 
<div id="f2"> 
<div></div> 
<div>f2</div> 
</div> 
<div id="f3"> 
<div></div> 
<div>f3</div> 
</div> 
<div id="f4"> 
<div></div> 
<div>f4</div> 
</div> 
</div> 

誰能幫助？

Answer 1

你可以這樣做：

$(".map-box a").click(function (e) { 
    e.preventDefault(); 
    $("#areas > div").hide(); 
    $($(this).attr('href')).show();  
}); 

代替使用$(this.hash).show()的，你需要做的$($(this).attr('href')).show()。這將得到點擊鏈接href並與id打開div。