我使用CSS手风琴资源取得了不错的进展：http://www.rafikicai.com/8/#section-2
我的问题是超越了演示代码，从4到8个窗格。我显然正在做点什么 错了，因为代码在窗格4周围分崩离析。
一些CSS向导能否让我离开森林并再次进入空地。提前致谢， 任何和所有帮手。
答案 0 :(得分：0)
你的问题在于输入的id。在手风琴的每个部分（每个div）下面，您有以下代码行：
input id="ac-1" name="accordion-1" type="checkbox"
（除了一些id有点不同）
您对某些输入使用相同的ID，这就是为什么单击一个标题会打开另一个标题。更改每个输入的id（以及下面一行的'for = ...'），以便它们不同，这应该可以解决您的问题。
再次查看你的代码，我看到了伊利亚提到的div的同样问题;确保关闭打开的每个div。你为每个部分打开2个div，但在第3,4和5节之后你只关闭其中一个div。
答案 1 :(得分：0)
您似乎在标记中嵌套错误。原始的手风琴代码可能在一个div包装器中包含每组不可见的复选框，其标签和相应的内容部分。在您链接到的页面中，您在同一个包装器中有第4和第8部分，以及第5和第7部分（由于某种原因，它们都嵌套在第4部分中）。这就是CSS选择器
.accordion input:checked ~ .article.ac-small
（第96行）应用于选中第一个复选框的包装器中的两个部分，因为这样可以使~组合器工作。