Expand/Collapse 仅适用于前两个 Web 部件

Question

我正在尝试 Maximize/Minimize 文档列表 Web 部件。

我使用了 http://blog.pathtosharepoint.com/2008/10/25/expandcollapse-buttons-for-your-web-parts/

中的以下代码

它适用于我的前两个 Web 部件，但不适用于我的另外两个。我所做的只是将他们的标题作为更改包含在我的代码中。因此，显示器应该没有任何问题。

对于导致此问题的原因有什么建议吗？

我在前 2 个 Web 部件正常工作后所做的唯一更改是我又添加了 2 个 title1 以包含其他 2 个 Web 部件。

如您所见，页面加载时底部的 2 个并未完全最小化

fYI：在编码中..标题更改为 "... Orders" 但 ... 代替了实际名称

<script type="text/javascript">

// Expand/Collapse Buttons

function WPToggle(thisId, ImageId)
{
if (document.getElementById(thisId).style.display=="none")
{
document.getElementById(thisId).style.display="";
document.getElementById(ImageId).src = "/_layouts/images/minus.gif";
}
else
{
document.getElementById(thisId).style.display="none";
document.getElementById(ImageId).src = "/_layouts/images/plus.gif";
}
}

function ExpandCollapseBody()
{
var i = 1;
var WPid = "WebPartWPQ1" ;
var WPtitleid = "WebPartTitleWPQ1" ;
var Toggleid = "ToggleImage1" ;
do
{
try
{

title1 = document.getElementById(WPtitleid).getAttribute("title");
if (title1 == "... Orders" || title1 == "... Orders" || title1 =="... Orders" || title1 == "... Orders")
{
document.getElementById(WPtitleid).innerHTML = '<IMG id="' + Toggleid + '" onClick="WPToggle(\'' + WPid + '\',\'' + Toggleid + 
'\')" alt="Expand/Collapse" style="margin:6px 5px 0px 2px; float:left; cursor:pointer;" src="/_layouts/images/minus.gif" />' + 
document.getElementById(WPtitleid).innerHTML ;
document.getElementById(Toggleid).src = "/_layouts/images/plus.gif";
}
}
catch(err) {}
i = i + 1;
WPid = "WebPartWPQ" + i ;
WPtitleid = "WebPartTitleWPQ" + i;
Toggleid = "ToggleImage" + i;
} while (document.getElementById(WPid))
}

_spBodyOnLoadFunctionNames.push("ExpandCollapseBody()");

</script>

我想我看到默认情况下，我添加的 Web 部件越多，它们开始展开而不是折叠....

Answer 1

我明白了。对于 Web 部件

，我需要以下条件 Chrome: minimize

Expand/Collapse 仅适用于前两个 Web 部件

Expand/Collapse Works for First Two Web Parts Only

sharepoint

expand

pageload

collapse

sharepoint-2013