HTML：展开折叠部分并滚动到已定义的链接

Question

HTML：参考solution from this question，如何扩展部分并滚动到已定义的链接？

在下面的示例中，我需要跳转到折叠部分中定义的Link2：第2部分，单击第1部分中的链接。如果部分2展开，则Section1中的链接正常工作，但如果部分2折叠，则链接失败

我是HTML新手，有没有办法不使用javaScript或jQuery？

提前致谢!!

＆＃13;

＆＃13;

<style type="text/css">
  div.Heading {
    text-align: center;
    border-style: solid;
    background-color: #C65911;
    font-size: 20px;
    font-weight: bold;
    border-width: 2px;
  }
</style>

<details>
  <summary>Section 1</summary>
  <p><br />
    <div>
      <table>
        <tr>
          <th>Links</th>
        </tr>
        <tr>
          <td><a href="#testName0">Link 1</a></td>
        </tr>
        <tr>
          <td><a href="#testName1">Link 2</a></td>
        </tr>

      </table>
    </div><br />
  </p>
</details>

<details>
  <summary>Section 2</summary>
  <p>
    <br />
    <a name="testName0">
      <div class="Heading">Link 1 here</div>
    </a>

    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br />
    <a name="testName1">
      <div class="Heading">Link 2 here</div>
    </a>
  </p>
</details>

＆＃13;

＆＃13;

＆＃13;