CSS可切换选项卡使用Javascript动态更改

我正在尝试使用JavaScript更改比率标签按钮的背景色，以便在用户单击特定按钮时动态更改它

如果您查看下面的链接，单击蓝色或红色框后，黄色栏和文本将发生更改，但我也希望[type=radio]：checked~label按钮发生更改

万分感谢

帕特里克在这里工作

您不需要像hjpotter92建议的那样嵌套

$（document）.ready（）

$(document).ready(function(){
    $(".red,#tab-1").click(function () {
        $(".content").css("border-top-color", "red");
        $(".content").css("color", "red");
    });
    $(".blue,#tab-2").click(function () {
        $(".content").css("border-top-color", "blue");
        $(".content").css("color", "blue");
    });
});

---

您不需要嵌套的

$（document）.ready（）

处理程序。大家好，但我希望能够自己更改实际的选项卡颜色。例如，如果单击蓝色方框，所有内容将变为蓝色，如果单击红色方框，所有内容将变为红色。包括选项卡例如，我正在尝试$（“[type=radio]：选中~label”）.css（“背景色”，“蓝色”）；请参阅更新的小提琴。。现在，你可以轻松地绕过这一点来实现你想要的。如果你在上查看我正在进行的投资组合网站，然后单击项目并用侧导航更改颜色，你可以看到我试图实现的效果。您认为可以更改选项卡的背景色吗。谢谢PatrickI决定使用不同的切换选项卡

$(document).ready(function(){
    $(".red,#tab-1").click(function () {
        $(".content").css("border-top-color", "red");
        $(".content").css("color", "red");
    });
    $(".blue,#tab-2").click(function () {
        $(".content").css("border-top-color", "blue");
        $(".content").css("color", "blue");
    });
});