单击链接后关闭移动菜单

Question

我有一个在点击菜单链接后无法关闭的移动菜单，因为菜单链接是同一页面上的锚点。

我正在尝试让点击移动菜单链接激活“关闭菜单”按钮。

这是我到目前为止所得到的：

if( window.outerWidth <= 1024 ) {
    document.querySelector( 'a.hfe-menu-item' ).addEventListener( 'click', function( event ) {
        document.querySelector( '.elementor-clickable.hfe-flyout-close' ).click();
    });
}

a.hfe-menu-item 是菜单链接的 CSS 类，.elementor-clickable.hfe-flyout-close 是“关闭菜单”按钮的 CSS 类。

但是当我尝试使用此代码片段时，我收到一条错误消息：

<块引用>

您尝试保存的代码片段产生了致命错误 第 2 行：语法错误，意外的 ')'，需要变量 (T_VARIABLE)

什么意思？第 2 行有什么问题？代码片段至少在某种程度上正确吗？

任何帮助将不胜感激。

我一直在 Stack Overflow 上查看类似的问题，但我无法弄清楚..