jq实现tab切换

1. 使用addClass和removeClass方法来切换选中的tab样式，并使用show和hide方法来切换对应内容的显示和隐藏：

$(".tab-btn").click(function(){
    var index = $(this).index();
    $(this).addClass("active").siblings().removeClass("active");
    $(".tab-content").eq(index).show().siblings().hide();
});

2. 使用toggle方法来切换选中的tab样式，并使用fadeIn和fadeOut方法来切换对应内容的显示和隐藏：

$(".tab-btn").click(function(){
    var index = $(this).index();
    $(this).toggleClass("active").siblings().removeClass("active");
    $(".tab-content").eq(index).fadeIn().siblings().fadeOut();
});

3. 使用toggleClass方法来切换选中的tab样式，并使用fadeToggle方法来切换对应内容的显示和隐藏：

$(".tab-btn").click(function(){
    var index = $(this).index();
    $(this).toggleClass("active").siblings().removeClass("active");
    $(".tab-content").eq(index).fadeToggle().siblings().hide();
});