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

Invisible touch

Пользователи
Регистрация
2 Июн 2016
Сообщения
15
Хочу скрыть блок при нажатии на ЗАКРЫТЬ
Но код не работает
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;
}
 

gauga

Пользователи
Регистрация
21 Янв 2018
Сообщения
15
А каким же образом он сработает?))
В коде допущена грубая ошибка, теги, содержат пробелы (после угловых скобок не должны быть пробелы)
Чтоб код сработал, нужно это все дело через JavaScript делать. Можно тем же jQuery сделать очень просто, что-то примерно так:

jQuery( function( $ ) {
$( 'body' ).on( 'click', '#close .cc', function() {
var ths = $( this );
ths.attr( 'close-el' ) != 'true' ? ( ths.attr({ 'close-el': 'true' }) ) : ( ths.attr({ 'close-el': 'false' }) );
// будет скрываться элемент с идентификатором #block
$( '#block' ).css({ display: ( ths.attr( 'close-el' ) == 'true' ? 'none' : 'block' ) });
});
});
 
Сверху