javascript - 隐藏/显示 div 最重要的是回来

Question

我想以特定方式隐藏/显示 div。我在开头和结尾放置了一个可点击的文本。

按钮工作正常，但我想要这个东西:

"当用户点击底部按钮时，页面回滚到当前隐藏div的开头"

<a href="javascript:visibilite('divid21');">
<u>Examples (Click to show/hide)</u></a>

<div id="divid21" style="display:none;">

     long html code about 100 lines    

        <a onclick="    
           document.getElementById('divid21').style.display='none'; "  
           href="#divid21"> Examples  (Click to hide)</a>
</div>

函数

function visibilite(id) {
      var divs = document.getElementsByTagName('div');
 for(var no=0;no<divs.length;no++){
     if(divs[ no].className=='divs'){ 
        divs[ no].style.display = "none"; 
    }
}
document.getElementById(id).style.display = "block";  }

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

Jquery to toggle between hide and show

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("divex").toggle();
    });
});
</script>

Div with the same id specified in the jquery code

<button> Hide/Show </button>
<div id="divex">Div content </div>