Html 如何在开始时创建隐藏内容的选项卡，仅在单击时显示？

仅使用css+html创建单击展开选项卡？？？

此示例将向您展示如何执行此操作：

正文{
显示：块；
}
.span3:焦点~.警报{
显示：无；
}
.span2:焦点~.警报{
显示：块；
}
.桌子{
宽度：400px；
高度：200px；
保证金：50px自动；
}
.警惕{
宽度：100%；
高度：40px；
背景：#e74c3c；
文本对齐：居中；
线高：40px；
颜色：#fff；
边框底部：1px实心#fff；
显示：无；
}
.行{
宽度：100%；
高度：40px；
背景：#e74c3c；
文本对齐：居中；
线高：40px；
颜色：#fff；
边框底部：1px实心#fff；
}
.span3、.span2{
填充物：5px7px；
边框：2px实心#e74c3c；
颜色：#e74c3c；
光标：指针；
}

把我藏起来
向我展示



#1
#2
#3

展示一些代码，做一些研究，看看并欢迎来到Stack Overflow！希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果仍然有问题，请返回代码并解释您尝试了什么。