HTML, чтобы закрыть липкое меню заголовка, содержащее якорную ссылку ⇐ Html

[Anonymous]

Я создал липкий заголовок, содержащий меню с использованием Elementor Pro. Меню, которое не отображается по желанию, содержит только якоря ссылки на текущую страницу. Нажав на элемент в меню, страница прокручивается в якоре, но меню остается открытым. p>

document.getElementById("e-n-menu-content-1421").addEventListener("click", hidemenu);

function hidemenu() {
var x = document.getElementById("e-n-menu-content-1421");
x.style.display = "none";
};

< /code>
Сначала код, по -видимому, работает должным образом. В режиме рабочего стола меню закрывается, когда нажимается ссылка на якорь, а значок меню отображает закрытый значок. Тем не менее, я считаю, что это потому, что Hover включен, и по мере того, как меню исчезает, меню становится неактивным по умолчанию. Меню закрывается, но меню все еще показывает значок открытого меню. Таким образом, чтобы выбрать другой элемент/якорь из меню, мне нужно нажать на меню, чтобы закрыть меню, а затем нажмите снова, чтобы открыть меню. Поэтому я понял, что код просто скрывает пункты меню, а не фактически закрывает меню NAV. Я новичок в HTML, поэтому был бы признателен за любую помощь.

Подробнее здесь: https://stackoverflow.com/questions/794 ... nchor-link