Html 单击从顶部推送隐藏的div

我想知道有没有可能在点击链接后按下隐藏的div

所以我有

<div class="container">
   <div class="hidden-top"></div>
   <div class="navbar"></div>
</div>

这是一个链接，您可以在其中实时查看：。只需单击语言标志。

是的，您可以这样做 比如说

函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“我是隐藏的div”；
}

单击我以显示隐藏的div

您可以使用类（“隐藏”在下面的示例中）来（直观地）隐藏某些东西。并以编程方式切换该类

document.querySelector（'button'）。addEventListener（'click'，toggle）
函数切换（）{
document.getElementById（“thatDiv”）.classList.toggle（'hidden'）文件
}

.forStyling{
背景颜色：粉红色；
高度：20px；
-webkit过渡：高度0.5s；
过渡：高度5s；
}
.隐藏{
身高：0；
-webkit过渡：高度0.5s；
过渡：高度5s；
}

我是隐藏的div
单击我以显示隐藏的div

向下移动的内容。

您的意思是要设置其高度的动画？这是什么意思？请检查代码，看看它在做什么

.hidden top

必须具有

高度：0

和

转换：高度…

，然后添加一个更改其高度的类。好的。我可以在隐藏顶部添加内容吗，即使它的高度为0px？是的，您可以完全添加内容。CSS独立于内容修改元素的外观。问题是你不能用这段代码再次隐藏它