html - 链接到可折叠元素的子链接的 URL？

Question

我有一组折叠在我的页面上的 Accordion 卡片，其中一个例子是:

 <div class="card" style="display:none" >
<div class="card-header" role="tab" id="mainHeading">
  <h5 class="mb-0">
    <a class="collapsed" data-toggle="collapse" href="#linkTarget" aria-expanded="false" aria-controls="linkTarget">
    </a>
  </h5>
</div>
<div id="linkTarget" class="collapse" role="tabpanel" aria-labelledby="mainHeading" data-parent="#accordion">
  <div class="card-body">
    <a id="fileLink" href="https://downloads/testFile.pdf" download="filename">Test File</a>
  </div>
</div>

<script type="text/javascript">
 if(window.location.href == "/FAQ/fileLink") {
     document.getElementById('fileLink').click()
 }
</script>

我目前将其隐藏，因为我不希望它显示，但我确实希望能够给某人一个 URL，例如

www.testSite/FAQ#linkTarget/filename

或类似的东西，这样如果我给某人链接，他们点击它或转到它，它的行为就好像他们折叠它并点击下载链接一样。

有什么办法可以做到吗

Answer 1

是的，您可以在任何 javascript 代码之前测试窗口 href

 if(window.location.href == "www.testSite/FAQ#linkTarget/filename") {
     document.getElementsByClassName('CLASS').click();
   }

将 url 更改为您想要的，并将“CLASS”更改为您要在选择的 url 时单击的元素的类