Na}{

File Content: app.js

// Toggle Nav

const selectElement = function(element){
    return document.querySelector(element)
  }
  let menuToggler = selectElement('.menu-toggle');
  let body = selectElement('body');
  
  menuToggler.addEventListener('click', function(){
    body.classList.toggle('open');
  })

/*==================== SERVICES MODAL ====================*/

const modalViews = document.querySelectorAll('.services_modal'),
modalBtns = document.querySelectorAll('.model_button'),
modalCloses = document.querySelectorAll('.services_modal-close')

let modal = function(modalClick){
modalViews[modalClick].classList.add('active-modal')
}
modalBtns.forEach((modalBtn, i) =>{
modalBtn.addEventListener('click', () =>{
  modal(i)
})
})

modalCloses.forEach((modalClose) =>{
modalClose.addEventListener('click', () =>{
  modalViews.forEach((modalView) => {
      modalView.classList.remove('active-modal')
  });
})
})

/* scroll down up */
/*==================== ACCORDION accordion ====================*/
const accordionContent = document.getElementsByClassName('accordion_content'),
      accordionHeader = document.querySelectorAll('.accordion_header')

function toggleaccordion() {
    let itemClass = this.parentNode.className

for (i = 0; i < accordionContent.length; i++) {
        accordionContent[i].className = 'accordion_content accordion_close'
    }
    if (itemClass == 'accordion_content accordion_close') {
        this.parentNode.className = 'accordion_content accordion_open'
    }
}

accordionHeader.forEach((el) =>{
    el.addEventListener('click', toggleaccordion)
})

Name	Size	Permission	Action
lib	---	0755
app.js	1588 bytes	0644