javascript - 如何触发 javascript 响应式菜单以在点击时隐藏？

Question

我正在使用以下 JS 来显示和配置响应式特定菜单。基本上，当单击 h4 时，我在 #secondary-navigation 内的列表会向下滑动。我在带有页面锚点的页面上使用此菜单，因此我希望菜单在单击其中一个菜单项时向上滑动。我将如何使用下面的代码来完成此任务？谢谢你的帮助。

            <script>
            (function($) {
                $(function() {
                    var header = $('h4', '#secondary-navigation');
                    header.click(function() {
                        if($(this).next().is(':hidden')) {
                            $(this).next().slideDown('fast');
                        } else {
                            $(this).next().slideUp('fast');
                        }
                    });
                });
            })(jQuery);
            </script><!-- end mobile nav -->

Answer 1

编辑：我起初误读了你的问题。您需要添加第二个函数，该函数在单击其中一个子菜单时触发。那是一个单独的事件。

假设您的菜单项包含在 adiv或ulid 中#menu：

$('#menu a').click(function() {
    $('#menu').slideUp('fast');
});

将此添加为一个单独的功能，在您上面发布的功能之外。