Javascript 向函数onclick getelementbyid添加平滑滚动

我使用这个函数部分来显示隐藏的div，它工作正常，但它突然出现，不太好，我希望它轻轻向下滚动，我可以在代码中添加什么

功能表演{ document.getElementByIdshow.style.display='block'； } 显示 你好!

---

如果您使用的是jQuery，那么可以使用.slideDownslow

$document.readyfunction{ $thebtn.clickfunction{ $show.slideDownslow； }; }; 显示 你好!

---

您可以使用Jquery。我用这个：

$("#show").fadeIn(1000);
$("#show").fadeOut(1000);

$document.readyfunction{ $thebtn.clickfunction{ $show.fadeIn1000； }; }; 显示 你好!

---

有几种方法可以做到这一点。。。使用您现有的代码和vanilla js，我将结合使用最大高度和过渡来获得向下滚动的文本：

功能表演{ document.getElementByIdshow.style.maxHeight='50px'； } 显示 你好!

---

这就是我想要的简单，非常感谢@freedomn-m这是一个选项，但我总是寻找简单的解决方案，谢谢。