Развернуть подменю при нажатии на тег привязки и SVGCSS

Разбираемся в CSS
Ответить
Anonymous
 Развернуть подменю при нажатии на тег привязки и SVG

Сообщение Anonymous »


Я создаю подменю, которое расширяется при нажатии на тег привязки или 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»