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?