Html 纯CSS手风琴切换

我有一个关于我的小代码的小问题。正如你所看到的，这是一个纯粹的CSS和HTML手风琴，它的工作方式应该是这样的。但我希望它不仅在你点击另一个标题时隐藏它的内容，而且在你再次点击同一个标题时也隐藏它的内容

我没有使用任何JavaScript，但如果有一种简单的方法来处理这些函数，我也不介意；-）（只要不需要使用jQuery）

提前感谢

正文{
字体系列：Helvetica；
字号：17px；
}
h1{
文本对齐：居中；
字体大小：40px；
}
标签{
字号：500；
/*Rahmenlinie（Dicke=1px）*/
边框：1px纯黑；
/*Überschriften Box Farbe RGB Wert*/
背景色：rgb（219219219219）；
边界半径：3px；
填充：7px；
}
普菲尔先生{
字体大小：25px；
}
标签：悬停{
光标：指针；
}
p组{
颜色：浅灰色；
字体大小：15px；
垫底：5px；
线高：1.5；
}
.手风琴{
左边距：自动；
右边距：自动；
宽度：90%；
}
.手风琴>标签{
显示：块；
}
.手风琴>输入{
显示：无；
}
.手风琴>div{
最大高度：0；
溢出：隐藏；
}
.手风琴>输入：选中+标签+div{
最大高度：1000px；
}

FAQ
ℹ 我们需要一个好的环境，一个好的环境，一个好的环境
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区，也没有海洋保护区。


ℹ 我们需要一个好的环境，一个好的环境，一个好的环境
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区，也没有海洋保护区。


ℹ 我们需要一个好的环境，一个好的环境，一个好的环境
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区，也没有海洋保护区。

用于将类型

收音机

输入到

复选框

正文{
字体系列：Helvetica；
字号：17px；
}
h1{
文本对齐：居中；
字体大小：40px；
}
标签{
字号：500；
/*Rahmenlinie（Dicke=1px）*/
边框：1px纯黑；
/*Überschriften Box Farbe RGB Wert*/
背景色：rgb（219219219219）；
边界半径：3px；
填充：7px；
}
普菲尔先生{
字体大小：25px；
}
标签：悬停{
光标：指针；
}
p组{
颜色：浅灰色；
字体大小：15px；
垫底：5px；
线高：1.5；
}
.手风琴{
左边距：自动；
右边距：自动；
宽度：90%；
}
.手风琴>标签{
显示：块；
}
.手风琴>输入{
显示：无；
}
.手风琴>div{
最大高度：0；
溢出：隐藏；
}
.手风琴>输入：选中+标签+div{
最大高度：1000px；
}

FAQ
ℹ 我们需要一个好的环境，一个好的环境，一个好的环境
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区，也没有海洋保护区。


ℹ 我们需要一个好的环境，一个好的环境，一个好的环境
洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图