torsar,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
input[type=checkbox]:checked + .cards {
color: red;
}
#toggle{
display: none;
}
input[type=checkbox]:checked + .cards label:before {
content: "\2713";
color: #008000;
padding:1px 3px;
}
[for="toggle"]:before { border-radius: 3px;
padding: 1px 8px;
content: " ";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 15px;
border: 2px solid #696969;
text-align: center;
line-height: 15px;
}
</style>
</head>
<body>
<input type="checkbox" id="toggle">
<div class="cards" >
<div class="slide">menu</div>
<label for="toggle"></label>
</div>
</body>
</html>