我试图让引导程序展开/折叠详细信息在从另一个页面链接到它们时自动打开。
一个例子是我想链接到类似于http://www.agr.gc.ca/eng/?id=1535571735990的页面，它有一堆展开/折叠部分。我希望能够做的是链接到特定的一个并且只打开它。所以，如果我想从上面的其他地方链接到上面的AgriStabilty，我希望页面跳到那个部分（很容易），但我也希望它也被打开。如果我从其他地方链接到地理空间产品，我希望它转到该部分并将其打开。
我知道使用bootstrap中的选项卡，您可以链接到特定选项卡并将其打开。我没有看到任何声明可以通过展开/折叠完成。它似乎需要jQuery，我对此一无所知。
我们的网站也在内容管理系统中模板化，所以我无法访问任何脚本或CSS，只能访问我可以放在body部分中的内容。
我们已经尝试在锚点之前的起始页面上添加＆打开链接（即?id=1553800901644&open#ar），然后在内容之前和之后添加以下脚本
首页链接：
<a href="?id=1553800901644&open#ar">
上述目标的目标页面上的HTML：
<details id="ar">
<summary>Arabic <i lang="ar">العربية</i></summary>
stuff goes here
</details>
JavaScript的：
<script>
function getAnchor() {
var currentUrl = document.URL,
urlParts = currentUrl.split('#');
return (urlParts.length > 1) ? urlParts[1] : null;
}
if(document.URL.indexOf("&open") != -1) {
document.getElementById(getAnchor()).click();
}
</script>
我们希望它会到达页面上的正确位置（它确实如此），然后模仿点击链接以展开折叠的内容。但是，打开时，＆open不会添加到目标页面的URL中。所以除了锚之外没什么可以做的。似乎有些东西会覆盖URL的开放式添加。
鉴于手头的限制，有谁知道如何做到这一点？
我见过类似的情况。通过使用iframe，可以将其他页面拉入当前的html文档中。更具体地说，可以通过调用URL中的关联id来引用网页的一部分。请参阅stackoverflow上的这篇文章：link to a section of a webpage
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
<div>
<iframe src="url_where_dropdown_accordian_is_and_reference_id_of_div_tag_of_opened_accordian?" style="border:none;"></iframe>
</div>
</body>
</html>