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

[maks1605]

Хочу скрыть блок при нажатии на ЗАКРЫТЬ
Но код не работает
HTML:
< div id="menu" >
< div id="close" >
< a class="cc" >Закрыть< /a >
< /div >
< /div >
CSS:
#close{
float: right;
font-size: 13px;
margin-right: 3px;
background-color: #2C3E50;
border: none;
color: white;
}
.cc:active #menu{
display: none;
}

 

[Kolyunya]

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

 

[alx2013]

А так не проще? < 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%; }