jQuery切换类函数问题

Question

如何使用jQuery实现这一目标？

• 如果点击<a href="#" class="accordion-link">，请添加“有效”类。
• 如果点击任何其他<a href="#" class="accordion-link">，请隐藏所有其他人并添加到此。
• 如果点击<a href="#" class="accordion-link active">，请删除“有效”（最后一个是关闭当前处于活动状态的div，它将删除“有效”类。）

Answer 1

这个怎么样：

$('.accordion-link').click(function() {
    var t = $(this);
    if (t.hasClass('active')) {
        t.removeClass('active');
    } else {
        t.siblings('.active').removeClass('active');
        t.addClass('active');
    }

    return false;
});

http://jsfiddle.net/QA7mU/

Answer 2

那应该做你想做的事：

$（“。accordion-link”）。on（'click'，function（）{     var $ this = $（this）;     var wasActive = $ this.is（'。active'）;

$(".accordion-link").removeClass("active");
if (!wasActive) {
    $this.addClass("active");
}

}）;

jsfiddle