blender-cloud/src/scripts/layout.js

/* Selectors
   ================================================================== */
var searchButton = document.querySelector('#searchButton'),
    searchCloseButton = document.querySelector('#searchCloseButton'),
    searchNav = document.querySelector('#searchNav'),
    searchNavInput = document.querySelector('#searchNav input'),
    navbarNav = document.querySelector('#navbarNav'),
    profileMenu = document.querySelector('#navbarNav .navbar-nav').lastElementChild

/* Interactions
   ================================================================== */
searchButton.addEventListener('click', showSearch)
searchCloseButton.addEventListener('click', closeSearch)
searchNavInput.onblur = function() {
  closeSearch()
}


/* Functions
   ================================================================== */
function showSearch() {
  searchToggleStatus = true
  searchNav.classList.remove('hidden')
  searchNavInput.focus()
  navbarNav.classList.add('hidden')
  profileMenu.classList.add('visible')
}

function closeSearch() {
  searchNav.classList.add('hidden')
  navbarNav.classList.remove('hidden')
  profileMenu.classList.remove('visible')
}