CSS点击展开折叠效果

小杜 • • 其他技术文章 • 1571 阅读

查看演示，直接上代码。

CSS：

.drop {
cursor: pointer;
display: block;
background: #090;
}
.drop + input{
display: none; /* hide the checkboxes */
}
.drop + input + div{
display:none;
}
.drop + input:checked + div{
display:block;
}

HTML：

<label for="_1">Collapse 1 </label>
<input type="checkbox">
<div>Content 1</div>

就可以啦。

原文来自：

  1. How to make show/hide div with a toggle using CSS?
以上是CSS点击展开折叠效果的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>