CSS点击展开折叠效果
查看演示，直接上代码。
CSS：
.drop{
cursor:pointer;
display:block;
background:#090;
}
.drop+input{
display:none;/*hidethecheckboxes*/
}
.drop+input+div{
display:none;
}
.drop+input:checked+div{
display:block;
}
HTML：
<labelfor="_1">Collapse1</label> <inputid="_1"type="checkbox"> <div>Content1</div>
就可以啦。
原文来自：
- Howtomakeshow/hidedivwithatoggleusingCSS?