单击同一页面上的链接时如何打开手风琴的一部分

Question

我有一个默认情况下关闭的具有手风琴功能的页面，并在单击内容（由箭头指示）时打开。我在页面顶部有一个链接，我希望它跳到手风琴内容的特定部分并打开它。我的Java语言知识非常有限，因此很难使它起作用！目前没有任何作用。任何帮助，将不胜感激。

我已经尝试了页面顶部的锚链接，该链接跳到包含内容的手风琴区域，但是我不确定下一步该怎么做才能打开内容部分。

这是单击时我想锚定并打开手风琴内容的初始链接：

<p class="text_center"> 

  We've made some changes to our Privacy Policy - 

  <a href="#updates" style="color:red; text-decoration:none;">

    <span style="color:red;">

      <strong>click here</strong> 

      to see the changes

    </span>

  </a>

</p>

这是单击链接时我想打开的手风琴部分：

<div class="about-panel2" id="updates">

这是“ about-panel2”的CSS：

.about-panel2 {

  padding: 0 18px;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

}   

这是脚本：

<script>

  var acc = document.getElementsByClassName("about-accordion2");

  var i;

  for (i = 0; i < acc.length; i++) {

    acc[i].addEventListener("click", function() {

      this.classList.toggle("active");

      var panel = this.nextElementSibling;

      if (panel.style.maxHeight){

        panel.style.maxHeight = null;

      } else {

        panel.style.maxHeight = panel.scrollHeight + "px";

      } 

    });

  }

</script>

单击时，页面尝试跳至内容，但手风琴未显示。我知道我需要修改（？）脚本才能完成这项工作，但是我不知道下一步该怎么做！任何帮助将不胜感激。提前致谢。