Javascript 如何从另一个页面打开CSS单选按钮手风琴上的特定手风琴部分？

我在页面上有链接（index.html）。这些链接将转到库页面。我想打开的手风琴部分在图库页面上

<a href="gallery#accordion1">Accordion 1</a>
<a href="gallery#openModal2">Open Model 4</a>
<a href="gallery#ac-2">Accordion 1 section 2</a>

---

我能够使用jQuery构造部分答案。我在页眉添加了这个，上面有手风琴

 jQuery(document).ready(function() {
// get the #section from the URL
var hash = window.location.hash; 
// open accordion
 $(hash).prop("checked", true); });

这将使用第三个链接从外部页面打开正确的手风琴面板，但在为移动设备调整大小时，正确的手风琴不会出现在页面顶部

---

这项工作： 编辑，因为我找到了答案（基于这个问题的答案：）

如果链接如下所示：

 <a class="open-local" href="#ac-1">Item 1</a>

对于来自外部页面的链接：

var hash = window.location.hash; 
$(hash).prop("checked", true);
var accordionTop =  $(hash).closest('section');
$('html, body').animate({
        scrollTop: $(accordionTop).offset().top
    }, 500);
});

 <a class="open-local" href="#ac-1">Item 1</a>

  //For local link to accordion
  jQuery(document).ready(function() {
  $('a.open-local').click(function(){
// get the #section from the URL
var hash = window.location.hash; 
// open accordion
 $(hash).prop("checked", true);
 //scroll
var accordionTop =  $(hash).closest('section');
$('html, body').animate({
scrollTop: $(accordionTop).offset().top
    }, 500);
  });

var hash = window.location.hash; 
$(hash).prop("checked", true);
var accordionTop =  $(hash).closest('section');
$('html, body').animate({
        scrollTop: $(accordionTop).offset().top
    }, 500);
});