Задать вопрос
Пользователь пока ничего не рассказал о себе

Наибольший вклад в теги

Все теги (2)

Лучшие ответы пользователя

Все ответы (3)
  • Плавный display none?

    @kova4
    export default (button, container) => {
    
      default_position();
      button.onclick = () => {
        const box_height = container.scrollHeight
        if (!container.classList.contains('active')) {
          container.classList.add('active')
          button.classList.add('active')
          container.style.height = box_height + 'px'
        }
        else {
          container.classList.remove('active')
          button.classList.remove('active')
          container.style.height = '0px'
        }
    
      }
    
      function default_position() {
        const box_height = container.scrollHeight
        container.style.transition = 'height 0.25s';
        container.style.overflow = 'hidden';
    
        if (container.classList.contains('active')) {
          button.classList.add('active')
          container.style.height = box_height + 'px'
        }
        else {
          button.classList.remove('active')
          container.style.height = '0px'
        }
    
      }
    
    }
    Ответ написан
    Комментировать