.hidden {
display: none;
}
const checkbox = document.querySelector('.block50 input');
const block = document.querySelector('.block83');
const onChange = e => block.classList.toggle('hidden', !e.target.checked);
checkbox.addEventListener('change', onChange);
UPD. Вынесено из комментариев:
список скрывается только после того, когда поставишь и уберешь галочку
Добавляем класс элементу:
<div class="block83 hidden">
Или отправляем ему событие change, чтобы обработчик сработал и класс добавил:
checkbox.dispatchEvent(new Event('change'));
UPD.
Наконец-то дождались, теперь js тут использовать не обязательно:
body:not(:has(.block50 :checked)) .block83 {
display: none;
}
