为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

翻过高山走不出你 2021-05-06 15:20:13
我有一个默认情况下关闭的具有手风琴功能的页面,并在单击内容(由箭头指示)时打开。我在页面顶部有一个链接,我希望它跳到手风琴内容的特定部分并打开它。我的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>单击时,页面尝试跳至内容,但手风琴未显示。我知道我需要修改(?)脚本才能完成这项工作,但是我不知道下一步该怎么做!任何帮助将不胜感激。提前致谢。
查看完整描述

2 回答

  • 2 回答
  • 0 关注
  • 122 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号