隱藏/顯示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在隱藏和顯示之間切換

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

與在jQuery代碼中指定的相同ID的Div

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