滑出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>

id＃menu-mini包含一些锚定到我页面区域的链接。如何制作它，以便在单击锚点时关闭滑出菜单？

任何帮助都将非常感谢！

Answer 1

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

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