windows_toggle_pure_css.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Windows toggle with Pure CSS</title>
	<link rel="stylesheet" href="css/windows_toggle_pure_css.css">
</head>
<body>
	<div class="windows">
		<input type="checkbox" id="win_toggle" class="toggle" checked>
		<label for="win_toggle">Open / Close</label>
			<div>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam laborum impedit veritatis porro voluptas neque delectus non atque aut quasi. Voluptatum nemo earum tempora at quidem voluptatem incidunt! Doloribus, explicabo!</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam laborum impedit veritatis porro voluptas neque delectus non atque aut quasi. Voluptatum nemo earum tempora at quidem voluptatem incidunt! Doloribus, explicabo!</p>
			</div>
		</input>
	</div>
</body>
</html>