我有一个简单的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();});
});
});
我会在哪里添加这样的内容
答案 0 :(得分: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");
});
});