Template:Vilnius-Lithuania/JS/Integrated

window.addEventListener('load', function() {

   let buttons = document.querySelectorAll('button');
   let counter = 0;
   buttons.forEach((button) => {
       button.id = 'button' + counter;
       counter++;
       button.addEventListener('click', function() {
           document.getElementById('click-info').style.opacity = 0;
           document.getElementById('curt').style.display = 'flex';
           document.getElementById('title').innerHTML = button.querySelector('p').innerHTML;
       })
   })
   document.getElementById('close').addEventListener('click', function() {
       document.getElementById('curt').style.display = 'none';
   })
   let sections = document.querySelectorAll('.section');
   let academiaSections = document.querySelectorAll('.indicator.academia');
   let companiesSections = document.querySelectorAll('.indicator.companies');
   let societySections = document.querySelectorAll('.indicator.society');
   sections.forEach((s) => {
       s.addEventListener('click', function() {
           let timeout = 600;
           if (s.id != 'society') document.getElementById('click-info').style.opacity = 0;
           if (s.id != 'all') {
               let notEvents = document.querySelectorAll('.indicator:not(.' + s.id + ')');
               notEvents.forEach((nE) => {
                   nE.parentElement.classList.add('hidden');

               })
           } else timeout = 0
           setTimeout(function() {
               let events = document.querySelectorAll('.indicator.' + s.id);
               if (s.id == 'all') events = document.querySelectorAll('.indicator');
               events.forEach((e) => {
                   // e.parentElement.style.maxHeight = e.parentElement.scrollHeight + "px";
                   e.parentElement.classList.remove('hidden');
               })
           }, timeout)

       })
   })

})