在显示下拉菜单之前，汉堡包菜单需要单击两次

Question

我最近解决了导航栏崩溃的问题，这要感谢你们中的一些优秀人员：Removing a class from navbar to make it collapse upon navbar item being clicked

但是，我现在注意到，为了第二次访问移动导航菜单，我需要单击TWICE汉堡包图标。

此处http://shitnavbar.brodiedigital.io/

复制步骤：

• 确保浏览器正在查看移动设备，或至少查看平板电脑宽度，以使汉堡包图标仅出现在导航栏上
• 滚动到100vh以上以确保导航栏在视场内
• 单击汉堡包图标（将显示菜单）
• 点击导航项，即“自行车”
• 导航菜单将折叠，您将被带到“自行车”部分。
• 点击汉堡包图标（菜单不会在点击时出现）
• 单击汉堡包图标（菜单将立即显示，并且可以正常工作）

百万美元问题-是什么原因导致菜单在第一次点击/单击时不出现。为什么必须第二次单击/点击？

我看不到chrome开发工具中发生的任何事情来说明为什么会发生这种情况。不过，我确实注意到，在启用了chrome css调试器工具“ pesticide”的情况下，导航栏的运动有些异常。

$('.menu_nav_list a').on('click', function(e){  
    e.preventDefault();                         
    $(this).closest('.menu').removeClass('active');  
});

我还具有以下逻辑，用于单击并锚定在移动导航栏中

{{1}}

有没有一种方法可以组合这2个对象，以便单击“ .menu_nav_list”锚点也会触发函数closeMenu（）？