アコーディオンパネルを開いたときに、自分のアコーデオンパネルが自動的にスクロールするようにするにはどうすればよいですか？

Question

アコーディオンを開くと、パネルが展開された後にパネルを展開したい場合、パネルに自動スクロールするhtmlページが必要です。例えば、私が拡張されたときに非表示になっているパネルをクリックすると、どうすれば私のWebページが自動的にパネルにスクロールするのですか？

HTMLコード：

<button class="accordion">Images</button> 
    <div class="panel"> 
     </div> 
    </div> 
<button class="accordion">Images</button> 
    <div class="panel"> 
     </div> 
    </div> 

はJavaScript：

$(".accordion").on("click", function(){ 
    $("html, body").animate({ scrollTop: $(this).offset().top }, 'fast'); 
    return true; 
}); 

Webページを作成します：あなたはjQueryのを使用している場合

<script> 
     var acc = document.getElementsByClassName("accordion"); 
     var i; 

     for (i = 0; i < acc.length; i++) { 
      acc[i].onclick = function(){ 
       this.classList.toggle("active"); 
       this.nextElementSibling.classList.toggle("show"); 
      } 
     } 
    </script> 

Answer 1

すると、あなたはこのような何かを試すことができますアコーディオンボタンがクリックされたときに要素にスクロールします。