我试图用Child Divs做多个DIVS,点击时打开文本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>
有人可以帮忙吗?
答案 0 :(得分:0)
你可以这样做:
$(".map-box a").click(function (e) {
e.preventDefault();
$("#areas > div").hide();
$($(this).attr('href')).show();
});
代替使用$(this.hash).show()
,您需要执行$($(this).attr('href')).show()
。这将获得点击的链接href
,然后使用div
打开id
。