Tag: 可折叠

纯CSS折叠/展开div

我有一个纯粹的CSS collapsable div，它基于使用:target psuedoclass的其他人的代码。 我试图设置的是一个有12个以上问题的页面，当你点击+button时，答案div就会展开。 我无法弄清楚如何在这个页面上创build多个折叠div元素，而不需要编写大量额外的CSS。 任何人都有如何写这个build议，所以我的CSS代码是最小化？ （也就是说，所以我不必为12个以上的问题input一堆独特的select器）。 我不能使用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 […]