滑出的jQuery

Question

所以我想用下面的脚本

$("#menu-mini-btn").click(function() { 
     $("#menu-mini").toggleClass("show-menu");  
}); 

这是HTML布局编写一个简单的滑出菜单：

<ul id="menu-mini"> 
     <li><a href="#item1">Item1</a></li> 
     <li><a href="#item2">Item2</a></li> 
     <li><a href="#item3">Item3</a></li> 
</ul> 

<a href="#" id="menu-mini-btn">Button</a> 

编号菜单迷你包含几个链接锚定到我的页面上的区域。我该如何做到这一点，以便当您点击锚点时，它会关闭滑出菜单？

任何帮助将非常感谢！

Answer 1

您想要将点击事件附加到#menu-mini中的锚点并删除该类。

$('#menu-mini a').click(function(){ 
    $('#menu-mini').removeClass('show-menu'); 
});