繁体   English   中英

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

[英]How would I trigger a javascript responsive menu to hide on click?

我正在使用以下JS来显示和配置响应式菜单。 基本上,当单击h4时,在#secondary导航中带有my的列表会向下滑动。 我在具有页面锚点的页面上使用此菜单,因此,当单击菜单项之一时,我希望该菜单滑动。 我将如何使用下面的代码完成此任务? 谢谢你的帮助。

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

编辑:我一开始看错了你的问题。 您需要添加第二个功能,该功能在单击子菜单项之一时触发。 那是一个单独的事件。

假设您的菜单项包装在id为#menudivul中:

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

将此功能添加为单独的功能,而不是上面发布的功能。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM