• Как скрыть часть блока?

    AleksandrB
    @AleksandrB
    Совсем недавно вывел "Hello world"
    Во-первых, задать для зеленого блока css свойство overflow: hidden; с фиксированным height
    Во-вторых, использовать для отображения js (хотя можно и на css)
    document.getElementById('strlochka').onclick = function () {
       const green = document.getElementById('green');
       green.style.overflow = 'auto';
       green.style.height = 'auto';
    }

    Код не тестировал, смотрите и подгоняйте сами.
    Ответ написан
    Комментировать
  • Как скрыть часть блока?

    fallus
    @fallus
    .parent .block:nth-child(2) ~ .block{
      display: none
    }
    .parent.active .block:nth-child(2) ~ .block{
      display: block
    }


    // jQuery
    $('.button').on('click', function(){
      $('.parent').addClass('active');
    });
    
    // или не jQuery
    document.querySelector('.button').addEventListener('click', function(){
      document.querySelector('.parent').classList.add('active');
    });
    
    // я не сумасшедший.
    Ответ написан
    3 комментария