将活动状态添加到锚？

Question

我有一个简单的2链接切换，我试图添加一个active类，以便我可以设置活动切换的样式。

HTML：

<div id="togglebuttons"> 
<span>Current Subscription</span> 
<a href="#" class="member-button">Member</a> 
<a href="#" class="trainer-button">Fitness Trainer</a> 
</div> 

的Javascript：

$(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();}); 
}); 
}); 

会在哪里我补充这样的

Answer 1

我认为这是你在找什么：

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