如何定位要显示的url;默认为显示时阻止;没有



我继承了一个如下编码的网站,使用jquery指定了一个扩展器函数,以将网站的主要部分从默认的关闭位置切换为打开状态(src扩展图像是小彩色箭头(
默认情况下,部分使用"display:none;"关闭,主要部分中嵌套有次要部分,类似地,在默认情况下切换为关闭
基本结构如下
网站上的切换很好——默认情况下会关闭部分,但通过单击标题在打开和关闭之间切换。现在,我想为URL目标提供将"display:block;"的URL,使用子部分的标签(例如下面示例中的"mainpageurl#policy1"(。标签不起作用——URL只会转到主页,所有部分都关闭;不会打开目标
有人能提供一个简单的解决方案吗?是否可以不完全重写代码?也许这是一个不使用显示器的经典例子;没有一个

<!-- <script src="https://code.jquery.com/jquery-1.10.2.js"></script> --> 
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 
<script type="text/javascript">
$jq(function() {
$jq(".expander").click(function(){
$jq(this).next('div').toggle();
});
});

<h1 class="expander"><src-arrow-image-here /><a> Policies</a></h1> 
<div id="policies" style="display: block;">
<h2 class="expander"><src-arrow-image-here /><a> Policy 1</a></h2> 
<div  id="policy1" style="display: none;">
<p>Content - this is the first policy.</p> 
</div>
<h2 class="expander"><src-arrow-image-here /><a> Policy 2</a></h2>
<div  id="policy2" style="display: none;">
<p>Content - this is another policy.</p>
</div></div>

Javascript解决方案将在加载页面内容后解析window.location.hash和jQueryshow()目标元素。

window.location.hash将从URL中获取哈希参数,您可以使用它来切换相关部分,如下所示:

const sectionID = window.location.hash; // will give sectionID with hashtag.
$(sectionID).show()

最新更新