Задать вопрос
karavaiker
@karavaiker
html

Как скрыть/показать div при помощи checkbox без js?

<body>
  <div class="setting">
         <input type="checkbox" checked>
  </div>
   
   <div class="mainArea">
<!--       Блок, который необходмио скрыть-->
       <div class="param"></div>       
   </div>
    
</body>
  • Вопрос задан
  • 6900 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
Lynn
@Lynn
nginx, js, css
В такой вёрстке никак. Они должны стоять рядом.
Будет примерно так:

<input type="checkbox">
<div>xxx</div>


div {
  display: none;
}
input:checked + div {
  display: block;
}


UPD:
На MDN есть более сложный пример в котором не обязательно ставить блоки рядом
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка онлайн OCR-сервис
03 мая 2024, в 23:20
20000 руб./за проект
Геопространственный редактор с интеграцией OCR
03 мая 2024, в 23:07
30000 руб./за проект
Отредактировать курсовую работу
03 мая 2024, в 23:00
400 руб./за проект
Ещё заказы