Вы можете сразу войти через соц. сети
Или же пройти простую регистрацию



Реклама у нас

Показано с 1 по 2 из 2

 

 

 

 

  1. #1
    Пользователь

    Статус
    Оффлайн
    Дата регистрации
    02.06.2016
    Сообщений
    15
    Благодарностей
    0

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

    Хочу скрыть блок при нажатии на ЗАКРЫТЬ
    Но код не работает
    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;
    }

  2. #2
    Пользователь

    Статус
    Оффлайн
    Дата регистрации
    21.01.2018
    Сообщений
    15
    Благодарностей
    0

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

    А каким же образом он сработает?))
    В коде допущена грубая ошибка, теги, содержат пробелы (после угловых скобок не должны быть пробелы)
    Чтоб код сработал, нужно это все дело через 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' ) });
    });
    });

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •