спойлер на css

by Axelvaisper

HTML

<a class="spoiler" href="#spoiler">Заголовок     <div class="spoiler-content">Содержимое спойлера. Здесь может  находиться очень длинный текст (например, HTML-код или содержимое  файла), который нужно спрятать. Спойлер позволяет не превращать пост в  простыню, что улучшает читабельность. Также его можно использовать для  того, чтобы не показывалось сразу же нежелательное содержимое (например,  картинки из категории «не для слабонервных», «не для детей»). Короче  говоря, «у этой штуки 999 назначений, и самое главное — придумать все  эти назначения»</div> </a>

CSS

.spoiler {display: block;} .spoiler-content {display: none;} .spoiler:focus .spoiler-content {display: block;}