Показать сообщение отдельно
  #3 (permalink)  
Старый 22.03.2017, 14:27
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

<div class="simple-collapse">
    <a href="#" class="collapse-control">Control</a>
    <div class="collapse-content" hidden>Content</div>
  </div>
  
  <script>
    
    class SimpleCollapse {
      
      constructor(selector) {
        this.elem = document.querySelector(selector);
      }
      
      init() {
        this.elem.querySelector('a').onclick = this.toggleContent.bind(this);
      }
      
      toggleContent() {
        this.elem.querySelector('.collapse-content').hidden = !this.elem.querySelector('.collapse-content').hidden
      }
      
    }
    
    var obSimpleCollapse = new SimpleCollapse(".simple-collapse"); 
    obSimpleCollapse.init();
    
  </script>
Ответить с цитированием