Css скрыть div
Автор Мурад Ахундов задал вопрос в разделе Веб-дизайн
Как скрыть блок при нажатии CSS и получил лучший ответ
Ответ от Ђатьяна Шеховцова[гуру]
1) id="menu" не является дочерним элементом для class="cc" (а в css написано что является)
2) Псевдокласс :active работает только в тот момент, когда кнопка мыши нажата. Отпустили кнопку - всё, меню снова появится
Татьяна Шеховцова
(87458)
Вложенный, если по-другому
(Самоучители по html/css не читали? Советую прочесть. На htmlbook.ru есть неплохие)
Ответ от Araxis[гуру]
А так не проще? < 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%;}
А так не проще? < 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%;}
Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Как скрыть блок при нажатии CSS