我在页面中有一些锚和一些div的链接：
<nav id="Dnav">
<ul class="Dul"><a id="aone" href="#D1one">About</a></ul>
<ul class="Dul"><a id="atwo" href="#D1two">Help</a></ul>
<ul class="Dul"><a id="athree" href="#D1three">Contact</a></ul>
<ul class="Dul"><a id="afour" href="#D1four">Hello</a></ul>
<ul class="Dul"><a id="afive" href="#D1five">hiya</a></ul>
</nav >
<div id="D1one"></div>
<div id="D1two"></div>
<div id="D1three"></div>
<div id="D1four"></div>
<div id="D1five"></div>
我只想选择当前的div（我是通过设置最高的z-index来实现的），将类.hinge应用于它，然后应用类{{1}到链接所针对的div。
我的.scaleup位于同一位置，但第一个div有div，其余z-index: 2;。
这是JavaScript：
z-index: 1;我有两个问题：
转换适用于页面中的第一次点击，但在此之后$(document).ready(function () {
$("a").on("click",function () {
var highestzindex = 0;
var resultelement = null;
$('#D1one,#D1two,#D1three,#D1four,#D1five').addClass('hide');
$('div').each(function () {
var currentzindex = parseInt($(this).css("zIndex"), 10);
if (currentzindex > highestzindex) {
highestzindex = currentzindex;
resultelement = $(this);
resultelement.removeClass('hide');
resultelement.addClass('hinge');
resultelement.css('z-index', '3');
}
});
$($(this).attr("href")).removeClass('hide');
$($(this).attr("href")).addClass('scaleUp');
$($(this).attr("href")).css('z-index', '5');
});
});
被应用，但当我点击其他链接时.scaleup没有。
所有点击仅适用于第一次。
我修改了JQuery代码，如上所示。
现在点击工作正常。
如果我按任意顺序点击第一个链接以外的任何链接，则会应用.hinge类。但是，如果我在此之后单击第一个链接，则.hinge类不会被应用。