jquery - 在多个项目上切换类

Question

我需要在打开的菜单项上切换“bg”类。如果一次激活和停用它们，它工作正常。但是，当另一个已激活时打开一个，则无法正确添加/删除该类。干杯。

http://jsfiddle.net/6a3eZ/31/

jQuery(document).ready(function(){                  
    jQuery('.menu ul').hide();
    jQuery('.menu li.sub').click(function() {
        jQuery(this).find('a:first').toggleClass('bg');
        jQuery(this).find('ul:first').toggle(0)
               .end().siblings('li').find('ul').hide(0);
    });
});

Answer 1

这是一个工作版本：http: //jsfiddle.net/6a3eZ/39/

它使用以下代码：

jQuery('.menu li.sub').click(function () {
    var target = jQuery(this).children('a');

    if(target.hasClass('bg')){
        target.removeClass('bg');
    }else{
        jQuery('.menu-item > a').removeClass('bg');
        target.addClass('bg');
    }

    jQuery(this).find('ul:first')
                .toggle(0)
                .end()
                .siblings('li')
                .find('ul')
                .hide();
});