Таблица JQuery аккордеона должна иметь активный класс toggled

Question

Нажав на таблицу Я должен добавить класс Active на клик TR и удалить его, закрыв его или нажав на другую таблицу.

Что мне не хватает?

демо: 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