在 JavaScript 中单击折叠时如何使菜单平滑滚动？

Question

我有一些菜单可以在切换时展开和折叠。它在展开时平滑滚动，但在折叠时突然消失。当我单击切换按钮时，如何让它平滑地向上滚动？我只需要为此使用 JavaScript。

var btn1 = document.getElementsByClassName("subheading-wrapper-nav1"); 

                    
                    
  btn1[0].addEventListener("click", function () { 
                        
    var c1 = document.getElementById("c1");
    this.classList.toggle("active"); 

    var content = this.nextElementSibling; 
                        
     if (content.style.display === "block") { 
     
         content.style.display = "none"; 
         
                            
        } else { 

          content.style.display = "block"; 
          
          c1.scrollIntoView({ behavior: 'smooth' });
                   } 
        });