如何触发javascript响应菜单以隐藏点击?

时间:2013-04-24 01:15:10

标签: javascript responsive-design

我正在使用以下JS来显示和配置特定于响应的菜单。基本上,当点击h4时,我的#inner-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 -->

1 个答案:

答案 0 :(得分:1)

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

假设您的菜单项包含在ID为div的{​​{1}}或ul中:

#menu

将此作为单独的功能添加到您上面发布的功能之外。