Что нового?

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

Invisible touch

Пользователи
Регистрация
2 Июн 2016
Сообщения
15
Симпатии
0
#1
Хочу скрыть блок при нажатии на ЗАКРЫТЬ
Но код не работает
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
Симпатии
0
#2
А каким же образом он сработает?))
В коде допущена грубая ошибка, теги, содержат пробелы (после угловых скобок не должны быть пробелы)
Чтоб код сработал, нужно это все дело через 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' ) });
});
});
 
Сверху