javascript - 如何将 removeClass 添加到 jQuery 中的选择器

Question

我在一个页面上有两个菜单(如果需要，请参阅下面的 jsfiddle...它是响应式的，因此您需要最小化窗口)。当前，当一个打开并且您单击另一个时，它们都保持打开状态。我将如何编辑 javascript，以便当一个打开时，另一个关闭？我知道我需要添加一个 removeClass 但我不确定如何实现它。非常感谢您的帮助。

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

您可以检查是否有其他菜单hasClass 事件。例如，在 menu-link 的点击事件中，您将拥有类似以下内容的内容:

if($('.menu-link2').hasClass("active")){
    $('.menu-link2').trigger("click");
}

然后使用trigger在另一个菜单上触发 click 事件。

http://jsfiddle.net/Jq6sZ/1/