如果哈希匹配其ID,如何显示隐藏的div

时间:2013-05-31 06:12:53

标签: javascript jquery

我有一个包含大量隐藏<div>的页面。我希望能够直接链接到其中任何一个,并让它们显示标签是否与id匹配。我已经

var thisHash = window.location.hash;
if(window.location.hash) {
    $(thisHash).show();
}

我需要确保隐藏每个其他<div>。如果哈希值与<div>匹配,我可以添加一个类但我不确定如何查看id的{​​{1}}的{​​{1}}是否匹配<div>

2 个答案:

答案 0 :(得分:3)

使用CSS

div { display: none; }
div:target { display: block; }

如果你真的想要JavaScript:

$('div').hide().filter(location.hash).show(;

答案 1 :(得分:0)

这应该可以解决问题:

if (window.location.hash) {
    $(window.location.hash).show();
}