【发布时间】:2019-11-16 06:24:22
【问题描述】:
我使用 jquery 继承了一个编码如下的站点,以指定一个扩展器函数来切换站点的主要部分从默认关闭位置打开(src 扩展图像是小彩色箭头)。
默认情况下,这些部分使用“display: none;”关闭。和主要部分有嵌套在其中的次要部分,默认情况下类似地切换关闭。
基本结构如下。
网站上的切换工作正常 - 默认情况下关闭部分,但通过单击标题在打开和关闭之间切换。现在我想提供将“显示:阻止”的网址对于使用主题标签到小节的 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 jquery display target expander