[英]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为#menu
的div
或ul
中:
$('#menu a').click(function() {
$('#menu').slideUp('fast');
});
将此功能添加为单独的功能,而不是上面发布的功能。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.