jqueryが動かなくて困った時に助かったよお～( ；∀；)
ありがとうございます！
【html】
<input type="checkbox" class="toggle"/>
<div class="text">
チェックボックスON時表示
チェックボックスOFF非表示
</div>
【css】
/* チェックボックスOFFで非表示 */
.text{
display: none;
}
/* チェックボックスONで表示 */
input:checked ~ .text{
display: block;
}
/* チェックボックス横にラベルを表示させる */
[type="checkbox"].toggle{
position: relative;
}
[type="checkbox"].toggle:after{
content: "表示する";
position: absolute;
width: 100px; height: 20px;
padding-left: 20px;
top: 50%;
transform: translateY(-50%);
}
参考URL