javascript - 我有两个响应式菜单——如何编辑 javascript 以在另一个打开时关闭一个？

Question

我在类似于下面的 jsfiddle 的页面上有两个响应式菜单。当您最小化窗口以查看响应式“菜单”文本链接时，当前打开一个并单击另一个时，它们都保持打开状态。我将如何编辑 javascript，以便当一个打开时，另一个关闭？非常感谢您的帮助。

http://jsfiddle.net/Jq6sZ/

$(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');
    });

    });

Answer 1

selector.removeClass('active');
$(this).toggleClass('active');

这意味着删除任何选择器上的活动类，但将其赋予活动类。