希望鼠标悬浮自动展开大纲

应该是作为上下文发给 ai 的 😄

抱歉，设计如此，这是针对楼主的需求定制的，不是满足各种需求和情况的通用版

你这个好像只能执行一次的 😂 ，而且鼠标移出标题后应该是恢复原来状态不是折叠

❤️

我让 GPT 辅助写了一个 JS 片段，基本能实现，但我感觉交互很奇怪：

// 鼠标移动到大纲标题自动展开与折叠下级 JS片段

setTimeout(() => {
    const headings = document.querySelectorAll('li.b3-list-item[data-type="NodeHeading"]');

    headings.forEach((heading) => {
        let hideTimeout;
        let removeTimeout;
        let isMouseInHeading = false; // 标志变量，跟踪鼠标是否在 heading 内
        let isMouseInSubMenu = false; // 标志变量，跟踪鼠标是否在子菜单内

        // 鼠标进入列表项
        heading.addEventListener('mouseenter', () => {
            isMouseInHeading = true; // 设置标志变量
            clearTimeout(removeTimeout); // 清除可能存在的移除定时器

            let nextElement = heading.nextElementSibling;
            if (nextElement && nextElement.tagName.toLowerCase() === 'ul') {
                removeTimeout = setTimeout(() => {
                    if (isMouseInHeading) {
                        nextElement.classList.remove('fn__none');
                    }
                }, 200); // 延迟 200ms 后再移除 fn__none
            }
        });

        // 鼠标离开列表项
        heading.addEventListener('mouseleave', () => {
            isMouseInHeading = false; // 更新标志变量
            hideTimeout = setTimeout(() => {
                let nextElement = heading.nextElementSibling;
                if (nextElement && nextElement.tagName.toLowerCase() === 'ul' && !isMouseInSubMenu) {
                    nextElement.classList.add('fn__none');
                }
            }, 200); // 延迟 200ms 后再添加 fn__none
        });

        // 鼠标移动到 ul > li 上时，阻止 fn__none 添加
        let nextElement = heading.nextElementSibling;
        if (nextElement) {
            nextElement.querySelectorAll('li').forEach((ulItem) => {
                ulItem.addEventListener('mouseenter', () => {
                    isMouseInSubMenu = true; // 更新标志变量
                    clearTimeout(hideTimeout); // 清除定时器，防止隐藏
                    clearTimeout(removeTimeout); // 清除移除定时器
                });

                ulItem.addEventListener('mouseleave', () => {
                    isMouseInSubMenu = false; // 更新标志变量
                    hideTimeout = setTimeout(() => {
                        if (nextElement) {
                            nextElement.classList.add('fn__none');
                        }
                    }, 200);
                });
            });
        }
    });

}, 1000);