我们可以自动展开HTML'；详情'；当超链接指向它时？

我正在创建一个包含语言信息的页面。因为它非常长，我用详细信息/摘要标签折叠每种语言，并将它们按字母顺序排列，每个首字母也有一个折叠的详细信息。目前，每种语言的编码如下

  <details>
    <summary id="am"><b>am — Amharic</b></summary>
    <p><a href="/wp-content/uploads/2018/05/GBV-Amharic.jpg"><img src="/wp-content/uploads/2018/05/GBV-Amharic-150.jpg"/></a>About 22 million native speakers, … [more info]</p><br clear="all"/>
  </details>

阿姆哈拉语
大约2200万母语人士，[更多信息]

如果我把链接放在其他地方，比如

http://domain.TLD/path/#am

，我想将用户带到该页面，滚动到该部分，然后展开详细信息。如果可能的话，我是否有一个或两个方面的错误语法？它现在不工作了，没有任何扩展，它会进入页面顶部，就好像#不在那里一样。但是address字段显示链接的完整URI，包括#id

---

“

path/

”是由Wordpress和/或Wordpress生成的

.htaccess

解释的，因此这可能会妨碍它正常工作。

您有正确的语法将用户定向到id为“am”的元素

您可以使用jQuery检查浏览器用于显示页面的URL。例如，如果浏览器包含“path/#am”作为URL的一部分，则会触发向用户发送到以下代码的链接

jQuery(document).ready(function($) {
    if(window.location.href.indexOf("path/#am")){
       /* do something to the element in jQuery -- likely apply a class.
       */
}

---

还有许多与jQuery相关的动画和滚动库

谢谢。这有一点帮助（我认为），但是为了应用184个不同的操作而检查184个不同ID的URI是不实际的。我不知道该怎么做。在我看来，链接到ID应该会导致ID所在的详细信息扩展，但事实并非如此。更奇怪的是，即使带有该id的未展开细节在折叠下面，它也会跳到页面顶部。这很公平。也许可以将ID保存在一个数组中并进行迭代。但是对于每个ID都应该是相同的操作——可能像display:none->block之类的简单操作。详细说明如何防止跳转到页面顶部的行为。它不是跳转到页面顶部。它是其他地方的一个链接，应该跳转到具有该ID的语言页面上的行。但它将跳转到页面顶部。也许折叠细节会让它看起来好像ID不存在一样。如果每个操作都必须展开不同的详细信息部分，那么每个操作就不可能是相同的。