Развернуть подменю при нажатии на тег привязки и SVG ⇐ CSS
-
Anonymous
Развернуть подменю при нажатии на тег привязки и SVG
Я создаю подменю, которое расширяется при нажатии на тег привязки или svg. Для этого я использовал javascript. Проблема, с которой я столкнулся, заключается в том, что одновременно работает только любой из них. Я попытался обернуть их в отдельные элементы div и добавить новые классы для работы с элементами, но безуспешно. Я даже попробовал querySelectorAll нацелить их обоих одновременно, но все равно произошла ошибка. Как мне этого добиться? Я прилагаю часть своего кода ниже. Приведенный ниже код представляет собой самый простой подход. При необходимости я могу поделиться кодом, в котором я использовал оболочку.
const searchb = document.querySelector("b1000"); const subMenu = document.getElementById("nav2-seachex"); searchb.addEventListener("click", function() { subMenu.style.right = "0"; }); subMenu.addEventListener("клик", функция(событие) { событие.stopPropagation(); }); #nav2-seachex { положение: фиксированное; верх: 0; слева: -700 пикселей; ширина: 100%; максимальная ширина: 1300 пикселей; высота: 100%; цвет фона: rgb(247, 3, 3); z-индекс: 999; } .nav2-поиск SVG { ширина: 24 пикселей; высота: 24 пикселей; курсор: указатель; поиск x
Я создаю подменю, которое расширяется при нажатии на тег привязки или svg. Для этого я использовал javascript. Проблема, с которой я столкнулся, заключается в том, что одновременно работает только любой из них. Я попытался обернуть их в отдельные элементы div и добавить новые классы для работы с элементами, но безуспешно. Я даже попробовал querySelectorAll нацелить их обоих одновременно, но все равно произошла ошибка. Как мне этого добиться? Я прилагаю часть своего кода ниже. Приведенный ниже код представляет собой самый простой подход. При необходимости я могу поделиться кодом, в котором я использовал оболочку.
const searchb = document.querySelector("b1000"); const subMenu = document.getElementById("nav2-seachex"); searchb.addEventListener("click", function() { subMenu.style.right = "0"; }); subMenu.addEventListener("клик", функция(событие) { событие.stopPropagation(); }); #nav2-seachex { положение: фиксированное; верх: 0; слева: -700 пикселей; ширина: 100%; максимальная ширина: 1300 пикселей; высота: 100%; цвет фона: rgb(247, 3, 3); z-индекс: 999; } .nav2-поиск SVG { ширина: 24 пикселей; высота: 24 пикселей; курсор: указатель; поиск x
Мобильная версия