Как сделать эффект показать/скрыть на CSS без JavaScript

Гость | 25 декабря 2016, 13:33 | 1


CSS

Решения

Попробуйте следующий код:
HTML

<button class="hide_trigger" tabindex="0">Скрыть</button>
<button class="show_trigger" tabindex="0">Показать</button>
<p class="show_hide_trigger">Тут подопытный</p>

CSS

body {
  display: block;
}

.hide_trigger:focus ~ .show_hide_trigger {
  display: none;
}

.show_trigger:focus ~ .show_hide_trigger {
  display: block;
}