您好,我是JQuery的新手,并弄清楚了如何创建一个div列表,当单击链接时该列表可以隐藏和显示。现在,我希望当前单击的链接显示为灰色。我不确定如何执行此操作。
我也是松弛溢出的新手,所以如果我没有正确回答此问题,请告诉我我没有发布足够的代码。

jQuery的

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>


跳动的Divs

         <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");
    });

});

10-05 21:05
查看更多