Вопрос Как скрыть блок при нажатии CSS

1) id="menu" не является дочерним элементом для class="cc" (а в css написано что является) 2) Псевдокласс :active работает только в тот момент, когда кнопка мыши нажата. Отпустили кнопку - всё, меню снова появится

А так не проще? < div class="demo"> < input type="checkbox" id="hd-1" class="hide"/ > < label for="hd-1" >закрыть/открыть</ label> < div > Сам текст </ div> </ div> .hide { display: none; } .hide + label ~ div{ display: none; } .hide + label { border-bottom: 1px dotted green; padding: 0; color: green; cursor: pointer; display: inline-block; } .hide:checked + label { color: red; border-bottom: 0; } .hide:checked + label + div { display: block; } .demo { margin: 5% 10%; }