查看“首页/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');
        }
    );
});