SharePoint - jQuery - 父标题折叠时子内容不会折叠

编程问答 2022-07-10

问题描述

我有以下 jQuery 代码，标题 h1 和 h2 在 SharePoint 中折叠/展开。

$(document).ready(function () {
        UI.toggleContentHeaders();
});

var UI = {
        toggleContentHeaders: function () {
            $('#DeltaPlaceHolderMain h1').click(function () {
                $(this).toggleClass('expand').nextUntil('h1').slidetoggle(100);
            });
            $('#DeltaPlaceHolderMain h2').click(function () {
                $(this).toggleClass('expand').next().slidetoggle(100);
            });
        }
    }

直到这里代码适用于：

  • 收起/展开 h1 view
  • 收起/展开 h2 view

问题： 如果 h2 被折叠，然后 h1 被折叠，那么已经折叠的 h2 内容将显示在折叠的 h1 下方，如下所示： issue-screen1 issue-screen2

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

collapseduplicatesjquerynestedsharepoint