首页/MediaWiki:Common.js

// 确保jQuery已加载 $(function() {

   // 为一级菜单标题添加点击折叠功能
   $('#mw-panel .portal h5').each(function() {
       var $heading = $(this);
       var $body = $heading.siblings('.body');
       
       // 初始化展开状态
       $body.data('expanded', true);
       
       // 添加点击切换事件
       $heading.on('click', function(e) {
           var $body = $(this).siblings('.body');
           var isExpanded = $body.data('expanded');
           
           if (isExpanded) {
               $body.slideUp(200);
               $body.data('expanded', false);
               // 更换图标（可选）
               $(this).css('background-image', 'url("data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"%23495057\\" stroke-width=\\"2\\"><path d=\\"M6 9l6 6 6-6\\"/></svg>")');
           } else {
               $body.slideDown(200);
               $body.data('expanded', true);
               // 恢复图标
               $(this).css('background-image', 'url("data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"%23495057\\" stroke-width=\\"2\\"><path d=\\"M4 6h16M4 12h16M4 18h16\\"/></svg>")');
           }
       });
   });
   
   // 二级菜单项动态效果 - 跟随鼠标光晕
   $('#mw-panel .portal .body ul li').hover(
       function() {
           // 鼠标进入时添加额外的光晕效果
           $(this).css('box-shadow', '0 2px 8px rgba(13, 110, 253, 0.15)');
       },
       function() {
           $(this).css('box-shadow', 'none');
       }
   );

});