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>

 

运行代码

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发
  • ZSBT666

    昵称

  • 取消
    昵称