label 實現隱藏文字

html
在div 里建立一個屬性名 <div class="detail">
    <input type="checkbox" id="click">
   
    <label for="click"><img src=""></label>
</div>

css在屬性名中
.detail{

隱藏文中的文字    overflow: hidden;
                  }
#click:checked+p{
    height: auto;
}
隱藏input邊框 input{
           display: none;
}

旋轉上下圖標 #click:checked~label[for="click"] img{
    transform: rotate(180deg);
}