Как скрыть блок при неактивном чекбоксе?

Question

[Yappy1]

Добрый день, имеется 2 input которые при checked показывают блок
Как сделать так, чтобы при неактивном чекбоксе блок не показывался ?

Код прикрепляю

Answer 1

[Андрей Федоров]

Во-первых, зачем тут JS? Если вы решили такую конструкцию на html сделать, то лучше воспользоваться CSS.
Во-вторых, если все же хотите на JS, то подход неверный. Вам не нужен чекбокc (в крайнем случае его можно сымитировать), нужно по клику на имитацию добавлять/убирать класс блоку, который желаете показать.
В-третьих, есть подозрение, что вы хотите по клику на нечекнутый чекбокc закрывать ранее открытый блок, просто вопрос неудачно сформулировали. Тогда нужно применять не checkbox, а radio.

https://codepen.io/aliencash/pen/XWWXYGR

Comments

[Yappy1]

спасибо огромное))

[Андрей Федоров]

Yappy1, если подходит, отметьте пожалуйста мой ответ как решение.