0

использую :focus display:flex; нажимаю кнопку

появился блок

нажимаю другую кнопку/любое место сайта блок пропал

1
  • 1
    Пожалуйста, уточните вашу конкретную проблему или приведите более подробную информацию о том, что именно вам нужно. В текущем виде сложно понять, что именно вы спрашиваете. Commented 5 мар. 2022 в 16:17

1 ответ 1

0

В приведённом примере триггером того, что блок необходимо показать является <input type="checkbox"> он скрыт, чтобы не влиять на вёрстку и размещается рядом с любым блоком. Переключение происходит благодаря тегу label, который можно разместить где угодно на странице.

.two {
  display: none
}

input#trigger {
  display: none;
}

input#trigger:checked+div {
  display: block;
}

label {
  box-shadow: 0 0 1px 0;
}
<label for="trigger">Кнопка</label>
<div>
  <div class="one">1</div>
  <input id="trigger" type="checkbox">
  <div class="two">2</div>
  <div class="three">3</div>
</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.