我正在使用以下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 -->
答案 0 :(得分:1)
编辑:我最初误读了你的问题。您需要添加第二个函数,该函数在单击其中一个菜单子项时触发。那是一个单独的事件。
假设您的菜单项包含在ID为div
的{{1}}或ul
中:
#menu
将此作为单独的功能添加到您上面发布的功能之外。