Вкладка «Гармошка» не отображается, если отмечен входной флажок ⇐ CSS

[Гость]

Я просто хотел спросить, что здесь не так в моем коде, я хотел сделать так, чтобы контент отображал блок при проверке ввода, а также иногда ввод задерживается, может кто-нибудь помочь. Огромное спасибо

Код находится здесь — https://codepen.io/romblondev/pen/jOXRora

Я пытался настроить таргетинг

#dashboard:checked ~ .accordion-content #one-tab-content, #grading:checked ~ .accordion-content #two-tab-content, #студент:проверено ~ .accordion-content #three-tab-content, #учителя:проверено ~ .accordion-content #four-tab-content, #subject:checked ~ .accordion-content #five-tab-content, #department:checked ~ .accordion-content #six-tab-content, #факультет:проверено ~ .accordion-content #seven-tab-content { дисплей: блок; } но все еще не работает