33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
/* 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')
|
|
} |