Changes class when something get clicked

Css clicked and not clicked classes without javascript

by Andrea Scanu

HTML

<link rel="stylesheet" href="http://tympanus.net/Tutorials/LoginRegistrationForm/css/animate-custom.css">
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Tutorials/LoginRegistrationForm/css/animate-custom.css" />
<label for="toggle"><button>Show spoiler</button></label>
<input type="checkbox" id="toggle" />
<div class="content">
    Ciauuusssssssssss
    </div>

<label for="toggle"><button>Show spoiler</button></label>
<input type="checkbox" id="toggle" />
<div class="content">
    Ciauuu
    </div>

CSS

.content, #toggle {
    display:none;
}
#toggle:checked ~ .content  {
display:block;
}