$(document).ready(function() {
    // 设置公共导航栏
    // $("#header").load("./components/nav.html");
    // 设置公共底部
    $("#footer").load("./components/footer.html");

    // 当页面滚动到一定距离时显示返回顶部按钮
    $('#back-to-top').fadeOut();
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) { // 这里可以根据需要调整数值
            $('#back-to-top').fadeIn(); // 显示按钮
        } else {
            $('#back-to-top').fadeOut(); // 隐藏按钮
        }
    });

    // 点击按钮时，页面平滑滚动到顶部
    $('#back-to-top').click(function(event) {
        event.preventDefault(); // 阻止链接的默认行为
        $('html, body').animate({scrollTop: 0}, 800); // 页面平滑滚动到顶部，800毫秒完成滚动
    });

    $(".index-a-c").children().first().addClass("index-a-c-active");
    $("#index-a-1").css('display', 'flex')
    $("#index-a-2").css('display', 'none')
    $("#index-a-3").css('display', 'none')
    $("#index-a-4").css('display', 'none')
    $("#index-a-5").css('display', 'none')
    $("#index-a-6").css('display', 'none')

    $(".index-a-c>.index-a-c-item").mouseover(function() {
        $(this).addClass('index-a-c-active').siblings().removeClass('index-a-c-active')
        if ($(this).text() === 'BOSS端') {
            $("#index-a-1").css('display', 'flex')
            $("#index-a-2").css('display', 'none')
            $("#index-a-3").css('display', 'none')
            $("#index-a-4").css('display', 'none')
            $("#index-a-5").css('display', 'none')
            $("#index-a-6").css('display', 'none')
        } else if ($(this).text() === '运营端') {
            $("#index-a-1").css('display', 'none')
            $("#index-a-2").css('display', 'flex')
            $("#index-a-3").css('display', 'none')
            $("#index-a-4").css('display', 'none')
            $("#index-a-5").css('display', 'none')
            $("#index-a-6").css('display', 'none')
        } else if ($(this).text() === '前台端') {
            $("#index-a-1").css('display', 'none')
            $("#index-a-2").css('display', 'none')
            $("#index-a-3").css('display', 'flex')
            $("#index-a-4").css('display', 'none')
            $("#index-a-5").css('display', 'none')
            $("#index-a-6").css('display', 'none')
        } else if ($(this).text() === '会员端') {
            $("#index-a-1").css('display', 'none')
            $("#index-a-2").css('display', 'none')
            $("#index-a-3").css('display', 'none')
            $("#index-a-4").css('display', 'flex')
            $("#index-a-5").css('display', 'none')
            $("#index-a-6").css('display', 'none')
        } else if ($(this).text() === '教练端') {
            $("#index-a-1").css('display', 'none')
            $("#index-a-2").css('display', 'none')
            $("#index-a-3").css('display', 'none')
            $("#index-a-4").css('display', 'none')
            $("#index-a-5").css('display', 'flex')
            $("#index-a-6").css('display', 'none')
        } else if ($(this).text() === '财务端') {
            $("#index-a-1").css('display', 'none')
            $("#index-a-2").css('display', 'none')
            $("#index-a-3").css('display', 'none')
            $("#index-a-4").css('display', 'none')
            $("#index-a-5").css('display', 'none')
            $("#index-a-6").css('display', 'flex')
        }
    })
});