css链接和jquery

您好，我有一点麻烦，通过活动链接的样式，我不知道我会错在哪里

HTML：

<div id="menu">
    <ul id="navigation">
        <li class="sup">
            <ul>
                <li class="menu"><a href="#home" title="Home" class="home">Home</a></li>
                <li class="menu"><a href="#work" title="Work" class="work">Work</a></li>
                <li class="menu"><a href="#about" title="About" class="about">About</a></li>
                <li class="menu"><a href="#skills" title="Skills" class="skills">Skills</a></li>
                <li class="menu"><a href="#contact" title="Contact" class="contact">Contact</a></li>
            </ul>
        </li>
    </ul>
</div>

JQUERY：

function loadStuff() {

    $("a").click(function () {
        var link = $(this).attr('href');

        $(".menu a").each(function () {
            $(this).css("color", "#939393");
        });

        if (link == "#home") {
            $("a.home").css("color", "#939393");
        }

        if (link == "#about") {
            $("a.about").css({"background-color":"yellow", "color":"#939393"});
        }

        if (link == "#work") {
            $("a.work").css("color", "#939393");

        }


        if (link == "#skills") {
            $("a.skills").css("color", "#939393");

        }

        if (link == "#contact") {
            $("a.contact").css("color", "#939393");
        }

        if (link == "#contact") {
            $("a.career").css("color", "#3d6b7b");
        }

    });

基本上，我试图实现的是在活动链接上有一个边框和一个黄色背景。我已经设法让它在“关于”活动链接上工作，但是当我单击其他链接时，“关于”链接上仍然显示黄色背景，我只希望它在活动时显示

我希望这是有意义的，任何帮助都将被感激

谢谢您

单击使用

removeClass（）

和

addClass（）

我已经编辑了你的代码-

Al

请看一下：

---

每次都需要重置

bg\u颜色。您正在添加bg_颜色，但这并不意味着您在单击
$（此）
时将其删除到其余链接。
这就是我的意思。
在CSS中，您使用的是用于id的菜单，您有
class=“menu”
，因此在CSS中您必须使用

.menu {

}

如果您的Javascript代码有缩进，您会注意到您缺少了
$（“a”）的结尾
}
。单击（函数（）{
--EDIT--对不起，我的错。您缺少结尾
}
of
loadStuff
。基本上你需要两个css类。一个用于活动链接，另一个用于非活动链接。每当用户单击任何链接时，只需将活动类应用于用户单击的链接，并将非活动类应用于其余链接。感谢mate，非常感谢。
.menu {

}