CSS3 Показ и скрытие контента по нажатию на элемент

CSS3_hide_showСделать по нажатию показ некоего контента, при повторном нажатии его исчезновение.

Это можно сделать с помощью CSS3

 

Пример листинга

<!DOCTYPE html>
<html>
<head>
</head>
<style>
label {
display: inline-block;
padding: 1em;
border: 2px solid black;
}
#chk {
display: none;
}
#chk + div {
display: none;
width: 200px;
height: 100px;
position: absolute;
top: 40%;
left: 40%;
margin-top: -120px;
margin-left: -120px;
border: 1px solid black;
line-height: 50px;
text-align: center;
}
/* magic here*/
#chk:checked + div {
display: block;
}
</style>
<body>
<label for="chk">Коротко</label>
<input type="checkbox" id="chk" />
<div>Полный контент</div>
<div>Просто какойто текст.</div>
</body>
<html>

Тоже самое сделатьс помощью AJAX —  листинг тут