Javascript 将活动状态添加到锚点？

我有一个简单的2链接切换，我正试图添加一个

活动的

类，这样我就可以设置活动切换的样式

HTML:

---

我应该在哪里添加这样的内容

我想这就是您想要的：

$(document).ready(function(){    

$("#member").hide();
$("#fitness-trainer").hide();

$('.member-button').click(function () {
    $("#fitness-trainer").fadeOut(function () {
        $("#member").fadeIn();
    });
    $(".trainer-button").removeClass("active");
    $(this).addClass("active");
});

$('.trainer-button').click(function () {
    $("#member").fadeOut(function () {
        $("#fitness-trainer").fadeIn();
    });
    $(".member-button").removeClass("active");
    $(this).addClass("active");
});
});

可能在文档中的

标记中

。。。这就是你的意思吗？

$(document).ready(function(){

$("#member").hide();
$("#fitness-trainer").hide();
$('.member-button').click(function(){

    $("#fitness-trainer").fadeOut(function() {$("#member").fadeIn();});
});
$('.trainer-button').click(function(){

    $("#member").fadeOut(function() {$("#fitness-trainer").fadeIn();});
});
});

$(document).ready(function(){    

$("#member").hide();
$("#fitness-trainer").hide();

$('.member-button').click(function () {
    $("#fitness-trainer").fadeOut(function () {
        $("#member").fadeIn();
    });
    $(".trainer-button").removeClass("active");
    $(this).addClass("active");
});

$('.trainer-button').click(function () {
    $("#member").fadeOut(function () {
        $("#fitness-trainer").fadeIn();
    });
    $(".member-button").removeClass("active");
    $(this).addClass("active");
});
});