CSS隐藏内容点击展开

css

.xulgr-checkbox{display: block;}
.xulgr-checkbox+input{display: none;}
.xulgr-checkbox+input+div{display:none;}
.xulgr-checkbox+input:checked+div{display:block;}

html

<label class="xulgr-checkbox" for="xulgr-checkbox-nr"><dd class="xulgrbtn">点击展开</dd></label>
<input id="xulgr-checkbox-nr" type="checkbox"> 
<div>展开后的内容</div>

 

运行代码