5
纯CSS折叠/展开div
我有一个纯CSS可折叠的div,它基于使用:targetpsuedoclass的其他人的代码。我要设置的页面是一个包含12个以上问题的页面,当您单击+按钮时,答案栏会在下面展开。我不知道如何在不编写大量额外CSS的情况下在此页面上制作多个折叠的div元素。任何人都有关于如何编写此代码的建议,以使我的CSS代码最小化?(即,所以我不必为12个以上的问题中的每一个输入一堆唯一的选择器)。 我无法使用Javascript,因为这是在不允许JS的wordpress.com网站上进行的。 这是我的jfiddle:http : //jsfiddle.net/dmarvs/94ukA/4/ <div class="FAQ"> <a href="#hide1" class="hide" id="hide1">+</a> <a href="#show1" class="show" id="show1">-</a> <div class="question"> Question Question Question Question Question Question Question Question Question Question Question? </div> <div class="list"> <p>Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer </p> …
91
css
collapsable