css3 ile gizle-göster

css3 ile gizle-göster

by fatihhayri

HTML

<input id="che1" type="checkbox" name="che">
<label for="che1">Deneme 1</label>
<div class="icerikAlani">Gizli İçerik</div>

CSS

body{
    margin:10px;
}

input[type="checkbox"], .icerikAlani{
    display:none;
}

label{
    color:blue;
    cursor:pointer;
}

input[type="checkbox"]:checked ~ .icerikAlani{ 
    display:block;
}