Skip to content

Instantly share code, notes, and snippets.

@Kasahs
Created October 6, 2017 12:53
Show Gist options
  • Save Kasahs/89e68e0ea4103d9ade21ffff8b344b6c to your computer and use it in GitHub Desktop.
Save Kasahs/89e68e0ea4103d9ade21ffff8b344b6c to your computer and use it in GitHub Desktop.
Implements basic ```navbar on click addclass``` behavior
const activateNavbars = (document, window) => {
let navs = document.querySelectorAll('.nav') || []
navs.forEach((nav) => {
let navItems = nav.querySelectorAll('.nav__item')
if(!navItems.length > 0 ) {
return
}
let selectedItem = null
navItems.forEach((item) => {
item.addEventListener('click', ()=>{
item.classList.add('nav__item--selected')
if(selectedItem){
selectedItem.classList.remove('nav__item--selected')
}
selectedItem = item
})
})
/*select first item*/
navItems[0].click()
})
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment