CSS点击展开折叠效果

查看演示,直接上代码。 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 class="drop" for="_1">Collapse 1 </label> <input id=…

CodeMirror使用方法

CodeMirror是一个运行在浏览器中的在线代码编辑器,支持100多种语言,高度可定制。 支持语言有C、C++、C#、Java、Perl、HTML、CSS、PHP、JavaScript、Python、Lua、Go、Groovy、Ruby等。 以及diff、LaTeX、SQL、wiki、Markdown等文件格式。 CodeMirror为各种编程语言实现关键字、函数、变量等代码高亮显示,丰富的API和可扩展功能以及多…