您好,我是 JQuery 的新手,并且已经弄清楚如何制作可以在单击链接时隐藏和显示的 div 列表。现在我希望当前点击的链接变灰。我非常不确定该怎么做。
我也是松弛溢出的新手,所以如果我没有正确回答这个问题,请告诉我我没有发布足够的代码。
查询
jQuery(function () {
jQuery('#showall').click(function () {
jQuery('.targetDiv').show();
});
jQuery('.showSingle').click(function () {
jQuery('.targetDiv').hide();
jQuery('#div' + $(this).attr('target')).show();
});
});
链接菜单
<a class="showSingle" target="1">Div1</a>
<h1 class="title">Heading</h1>
<a class="showSingle" target="2">Div2</a>
<a class="showSingle" target="3">Div3</a>
<a class="showSingle" target="4">Div4</a>
要切换的 Div
<div id="div2" class="targetDiv" style="display:none">Div2</div>
<div id="div3" class="targetDiv" style="display:none">Div3</div>
<div id="div4" class="targetDiv" style="display:none">Div4</div>
最佳答案
下面的代码将文本颜色更改为灰色
jQuery(function () {
jQuery('#showall').click(function () {
jQuery('.targetDiv').show();
});
jQuery('.showSingle').click(function () {
jQuery('.targetDiv').hide();
jQuery('#div' + $(this).attr('target')).show();
jQuery('.showSingle').css("color", "#000");
jQuery(this).css("color", "grey");
});
});
关于javascript - 使用 Jquery 单击时将链接灰显,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58270926/