javascript - 当哈希在 URL 上时如何打开隐藏的 div？

Question

我正在使用此 javascript 代码在我的网站上设置几个“显示/隐藏”切换的 div:

<script language="javascript"> 
function toggledean() {
    var ele = document.getElementById("toggleTextdean");
    var text = document.getElementById("displayTextdean");

    if(ele.style.display == "block") {
        ele.style.display = "none";
        text.innerHTML = "Show more";
    } 
    else {
        ele.style.display = "block";
        text.innerHTML = "Hide";
    }
} 
</script>

我应该向这段代码中添加什么，以便在加载具有特定#hash 添加到 URL 的页面时显示 div？

非常感谢。

Answer 1

这不是您想要的 javascript 答案，但您可以尝试使用 :target 伪选择器。例如，

<!-- HTML -->
<div id="foo">show this with #foo.</div>
<div id="bar">#bar shows this.</div>

<style type="text/css">
    div {display: none}
    :target {display: block}
</style>

示例:http://jsfiddle.net/ZAHns/4/ (感谢 Jared 提出添加 anchor 的想法)。

根据您尝试执行的操作，这可能会奏效，但请仔细考虑您的要求。

注意:对此 react 持保留态度——不要使用它。

---

要回答实际问题，请使用以下内容确定哈希是否存在:

var in_hash = location.hash.slice(1) === what_you_are_looking_for;
if (in_hash) ? /* IN HASH */ : /* NOT IN HASH */;