Меню навигации скрывается после второй манипуляции на телефоне
- Нажимаем кнопку -> Появляется меню навигации, кнопка menu скрывается, появляется кнопка
- Нажимаем кнопку -> скрывается меню навигации и появляется кнопка
На ПК работает корректно, при смене разрешения тоже, на мак тоже работает и лишь на телефонах есть проблема:
При нажатии на кнопку скрываются элементы, а не весь блок, но после повторения действия, нажали -> срабатывает корректно!!!
Повторяем действие
<script>
window.onload = () => {
const div = document.getElementsByClassName("subheading");
const sl = document.getElementsByClassName("sl-flex sl-justify-between sl-items-center");
const menu_button = document.getElementsByClassName("menu_left");
const menu_back = document.getElementsByClassName("menu_back");
const menu_dom = document.getElementsByClassName("sl-flex sl-overflow-y-auto sl-flex-col sl-sticky sl-inset-y-0 sl-pt-8 sl-bg-canvas-100 sl-border-r");
const menu_nav_dom = document.getElementsByClassName("sl-overflow-y-auto sl-flex-1 sl-w-full sl-px-24 sl-bg-canvas");
const menu_nav_dom2 = document.getElementsByClassName("sl-flex");
div[0].addEventListener('click', function() {
window.location.href = 'https://extremum.help/ru/home';
});
menu_button[0].addEventListener("click", function() {
menu_button[0].style.display = "none";
menu_back[0].style.display = "inherit";
menu_dom[0].style.display = "inherit";
return false;
});
menu_back[0].addEventListener("click", function() {
menu_nav_dom[0].style.display = "inherit";
menu_dom[0].style.display = "none";
menu_back[0].style.display = "none";
menu_button[0].style.display = "inherit";
return false;
});
}
</script>