<分区>
<分区>
我在类似于下面的 jsfiddle 的页面上有两个响应式菜单。当您最小化窗口以查看响应式“菜单”文本链接时,目前当一个打开并且您单击另一个时,它们都保持打开状态。我将如何编辑 javascript,以便当一个打开时,另一个关闭?非常感谢您的帮助。
$(document).ready(function() {
$('body').addClass('js');
var $menu = $('#menu'),
$menulink = $('.menu-link'),
$menuTrigger = $('.has-subnav > a');
$menulink.click(function(e) {
e.preventDefault();
$menulink.toggleClass('active');
$menu.toggleClass('active');
});
$menuTrigger.click(function(e) {
e.preventDefault();
var $this = $(this);
$this.toggleClass('active').next('ul').toggleClass('active');
});
});$(document).ready(function() {
$('body').addClass('js');
var $menu = $('#menu2'),
$menulink = $('.menu-link2'),
$menuTrigger = $('.has-subnav > a');
$menulink.click(function(e) {
e.preventDefault();
$menulink.toggleClass('active');
$menu.toggleClass('active');
});
$menuTrigger.click(function(e) {
e.preventDefault();
var $this = $(this);
$this.toggleClass('active').next('ul').toggleClass('active');
});
});
最佳答案
selector.removeClass('active');
$(this).toggleClass('active');
这意味着删除任何选择器上的事件类,但将其赋予事件类。
关于javascript - 我有两个响应式菜单——如何编辑 javascript 以在另一个打开时关闭一个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14225625/