Jquery手风琴表应该有活动类切换

Question

点击表格我应该在点击的TR 上添加一个Active类，并且可以通过关闭它或点击另一个表来删除它。

我错过了什么？

演示： http://jsfiddle.net/ve3ctfz6/

JS：

$(function () {
    var $list = $('.table');
    $list.find("tr").not('.accordion-wrapper').hide();
    $list.find("tr").eq(0).show();
    $list.find(".accordion-wrapper").click(function () {


        $list.find('.accordion-wrapper').not(this).siblings().fadeOut(500);
        $(this).siblings().fadeToggle(500);


        $(this).addClass('active');

        $list.find('.accordion-wrapper').not(this).removeClass('active');

        if ($list.find('.accordion-wrapper').hasClass('active')) {
            $list.find('.accordion-wrapper').not(this).removeClass('active');
        } else if ($(this).is('.active')) {
            $(this).siblings().fadeToggle(500);
            $('.active').removeClass('active');
        }

    });
});

Answer 1

更改

$(this).addClass('active');

到

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

Demo