可以用checkbox和CSS相邻选择器的特性来做
.item{
position: relative;
border:1px solid #CCC;
padding:5px;
}
.title{
height: 30px;
}
.item input[type=checkbox]{
opacity: 0;
position: absolute;
top:0;
left:0;
width:100%;
height: 30px;
z-index:2;
}
.item .ico{
position: absolute;
right:5px;
top:5px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.item .ico:after{
content:'>';
}
.item input[type=checkbox]:checked+.ico{
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
input[type=checkbox]:checked~.content{
display: none;
}
垃圾信息举报
感谢您的反馈