두 번째 클릭시 활성 클래스 제거 (jQuery)

Question

나는이 위대한을 사용하고 있습니다. accordion & 잘 동작합니다. 클릭 한 항목에 활성 클래스를 추가했지만 두 번째 클릭하면 활성 클래스를 제거 할 수있는 방법을 찾을 수 없습니다. 여러 곳에서 추가를 시도했지만 별도의 클릭 이벤트도 추가되어 어떤 클래스라도 제거 할 수있었습니다.

var headers = ["H1","H2","H3","H4","H5","H6"]; 

$(".accordion").click(function(e) { 


var target = e.target, 
name = target.nodeName.toUpperCase(); 

$(target).addClass('active'); 
$(target).siblings().removeClass('active'); 


if($.inArray(name,headers) > -1) { 
     var subItem = $(target).next(); 

     //slideUp all elements (except target) at current depth or greater 
     var depth = $(subItem).parents().length; 
     var allAtDepth = $(".accordion p, .accordion div").filter(function() { 
      if($(this).parents().length >= depth && this !== subItem.get(0)) { 
      return true; 
      } 

     }); 

     $(allAtDepth).slideUp("fast"); 

     //slideToggle target content and adjust bottom border if necessary 
     subItem.toggleClass('active').slideToggle("fast",function() { 
      $(".accordion :visible:last").css("border-radius","0"); 
     }); 
     $(target).css({"border-bottom-right-radius":"0", "border-bottom-left-radius":"0"}); 

} 
}); 

Answer 1

첫 번째 addClass를 toggleClass로 변경하면 내 문제가 해결됩니다.