滚动到另一个页面并打开部分

Question

我有问题。我想从一个页面滚动到另一个页面，但滚动后必须直接检查一个部分。

第一页包括：

<a href="{% url 'userguide' %}#section7">                                                 
<p>Link1</p></a>

第二页是一种垂直部分：

＆＃13;

＆＃13;

<div id="section7">
  <section id="section7">
    <input type="radio" name="sections" id="option7">
    <label for="option7">Text</label>
    <article>
      <div class="inner">
      </div>
    </article>
  </section>
</div>

＆＃13;

＆＃13;

＆＃13;

使用此网址后：                                                  

链接1

它会滚动到该部分但不会打开它。

我的javascript：

var userguide = {
getURLParams(){
    let params = {}
    let q = window.location.search.substr(1).split('&');
    for (let x=0; x<q.length; x++){
        params[q[0].split('=')[0]] = q[0].split('=')[1];
    }
    return params
},

initScroll(){
    let sectionId = this.getURLParams()['section'];
    if (sectionId){
        let val = $(sectionId).closest("input")
        $val.checked();
    }
},
init(){

    this.initScroll();

}
}

垂直标签的Css：

 input[name="sections"]:checked ~ article {
 display: block;
   }