document.addEventListener('DOMContentLoaded', function(){ var burgerButton = document.querySelector(".f-page_header__burger-icon"), buttonFixed = document.querySelector(".f-page_header__fixer-button"), burgerMenu = document.querySelector(".f-nav_article"), buttonCloseBT = document.querySelector(".block_title-close"), burgerMenuLink = burgerMenu.getElementsByClassName("scroll_link"), burgerMenuShow = false; function burgerMenuCloser() { burgerMenuShow = false; burgerMenu.style.display="none"; burgerMenu.style.opacity="0"; burgerButton.classList.remove("burger-icon--close") } function burgerMenuOpener() { burgerMenuShow = true; burgerMenu.style.display="block"; burgerMenu.style.opacity="1"; burgerButton.classList.add("burger-icon--close") } burgerButton.addEventListener('click', function(event){ if (burgerMenuShow == false && (event.target == buttonFixed || event.target == burgerButton)) burgerMenuOpener(); else burgerMenuCloser(); }); buttonFixed.addEventListener('click', function(event){ if (burgerMenuShow == false && (event.target == buttonFixed || event.target == burgerButton)) burgerMenuOpener(); else burgerMenuCloser(); }); buttonCloseBT.addEventListener('click', burgerMenuCloser); for(var i=0; i = 700) { buttonFixed.classList.add("f-page_header__fixer-button--show") burgerMenu.style.position="fixed"; burgerMenu.style.top = "34px"; } else { burgerMenuCloser(); buttonFixed.classList.remove("f-page_header__fixer-button--show") burgerMenu.style.position="relative"; burgerMenu.style.top = "0"; } }); });