Javascript 移动菜单下拉列表

我正在使用PureCss示例中的响应菜单脚本。我想让菜单在用户点击链接后消失。单击后如何自动隐藏菜单？ 我尝试过使用

hide（）

或

.fadeOut（）

，但不起作用

https://jsfiddle.net/bpvm8b5L/3/

---

在菜单中的锚元素中添加一个事件侦听器，单击该事件侦听器会触发一个函数，该函数会在按下汉堡菜单图标时再现的操作，因此它会从中删除活动类

• …

因此，请尝试将以下内容添加到您的ui.js文件中的主函数中：

var ulElem = document.getElementById('ulElem');

ulElem.onclick = function (e) {
     e.preventDefault();
     console.log(e.target.classList.value);
     if(e.target.classList.value === "pure-menu-link") {
     toggleClass(layout, active);
     toggleClass(menu, active);
     toggleClass(menuLink, active);
     }
} 

---

请记住将HTML文件中ui元素的id名称设置为

id=uiElem

，您也可以试试这个

在html中，假设您有如下内容：

<nav id="toggleMenu">
   //all your links
</nav>

---

它返回一个错误uncaughtreferenceerror:active没有定义，kay，我忘记了额外的var active='active'；它是有效的。谢谢：）

 $('#toggleMenu li      a').click(function(){
    $('#toggleMenu).hide(200);
});