Javascript 导航到Div时如何打开它？

我想在通过URL导航到div时显示div的内容。目前，Div内容在单击时显示

当使用带有锚点的URL导航到中的主标题时，如何显示Div内容

这里是javascript

<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){

//Set default open/close settings
$('.acc_container').hide(); //Hide/close all containers
//$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container

//On Click
$('.acc_trigger').click(function(){
if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
    $('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
    $(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
}
return false; //Prevent the browser jump to the link anchor
});

});
</script>

window.addEventListener("hashchange", function(){
    document.getElementById("mydiv_"+document.location.hash.substr(1)).style.display="block";
},false);

$（文档）.ready（函数（）{
//设置默认打开/关闭设置
$（'.acc_container'）.hide（）；//隐藏/关闭所有容器
//$（'.acc_trigger:first'）.addClass（'active'）.next（）.show（）；//将“active”类添加到第一个触发器，然后显示/打开下一个容器
//点击
$（'.acc_触发器'）。单击（函数（）{
如果（$（this）.next（）.is（':hidden'））{//如果立即下一个容器已关闭。。。
$（'.acc_触发器'）.removeClass（'active'）.next（）.slideUp（）；//删除所有.acc_触发器类并向上滑动下一个容器
$（this）.toggleClass（'active'）.next（）.slideDown（）；//将.acc_触发器类添加到单击的触发器并向下滑动下一个容器
}
return false；//防止浏览器跳转到链接锚点
});
});

这是我的html

<h2 class="acc_trigger"><a href="#">Some Title Goes Here</a></h2>
<div class="acc_container">
    <div class="block">
    <h3>Strap Line Goes here</h3>
         Text content goes here
    </div>
</div>

<h2 class="acc_trigger"><a href="#">Another title Goes Here</a></h2>
<div class="acc_container">
    <div class="block">
    <h3>Another Strap Line Goes here</h3>
         Some more text content goes here
    </div>
</div>    

带子线在这里
文本内容在这里
另一条带子在这里
这里有更多的文本内容

如果您使用的是散列（例如url.com/page.html#otherStuff），请阅读location.hash

如果您正在使用查询（例如url.com/page.html？otherStuff），请使用location.search

---

将代码放在要显示的DIV下面，这样就创建了元素。然后只需执行一个简单的

if（hash==“#otherStuff”）{/*do stuff*/}

即可，其中在“do stuff”中只需运行open函数。

收听

hashchange

事件，该事件在

窗口

对象上触发。然后你可以展示div或者用它做你想做的事

与此类似的东西

<a href="#about">About</a>
<div id="mydiv_about" style="display:none">
</div>
<a href="#media">Media</a>
<div id="mydiv_media" style="display:none">
</div>

//编辑

---

更新以反映工作示例

谢谢David。恐怕我对这一切都很陌生。你能告诉我怎么做吗？不，因为我不知道你的标签或函数名。我并不是想刻薄，但如果你不知道如何编写if语句，你需要从一开始就做一点准备。谢谢japrescot。我不太清楚我在这里干什么。你能告诉我如何让代码工作吗？谢谢。当我像最初发布的那样集成到代码中时，我似乎无法让它工作。我相信你的代码是好的，这是我缺乏经验。