// document.addEventListener('DOMContentLoaded', function() {
//     const menuIcon = document.getElementById('menu-icon');
//     const menuContainer = document.querySelector('.menu-container');
//     const header = document.querySelector('.header');
//     const menu = document.querySelector('.menu');
//     menuIcon.addEventListener('click', function() {
//         if (menuContainer.style.display === "none") {
//             menuContainer.style.display = "flex";
//             menuContainer.style.height="100px"
//             header.style.height="100px"
//             menu.style.width="100%"
//             menuContainer.style.flexDirection = "column"
//         } else {
//             menuContainer.style.display = "none";
//             header.style.height="50px"
//         }
//     });
// });

// 获取所有的.menu元素
document.addEventListener('DOMContentLoaded', function() {
const menus = document.querySelectorAll('.menu');

// 遍历所有.menu元素并添加点击事件监听器
menus.forEach(menu => {
    menu.addEventListener('click', function() {
        // 获取被点击的菜单的数据属性值
        const menuName = this.getAttribute('data-menu');
        const menuText = this.textContent;
        const jianjie= document.querySelector('.jianjie')
        const xiangmu= document.querySelector('.xiangmu')
        const wangzhan= document.querySelector('.wangzhan')
        const gongsi= document.querySelector('.gongsi')

        if(menuText==="简 介"){
            jianjie.style.display="flex"
            xiangmu.style.display="none"
            wangzhan.style.display="none"
            gongsi.style.display="none"
        }else if(menuText==="项 目"){
            jianjie.style.display="none"
            xiangmu.style.display="flex"
            wangzhan.style.display="none"
            gongsi.style.display="none"
        }else if(menuText==="网 站"){
            jianjie.style.display="none"
            xiangmu.style.display="none"
            wangzhan.style.display="flex"
            gongsi.style.display="none"
        }else if(menuText==="公 司"){
            jianjie.style.display="none"
            xiangmu.style.display="none"
            wangzhan.style.display="none"
            gongsi.style.display="flex"
        }
    });
})
})