添加和刪除選定的類到父div

Question

好吧，所以現在我有我的滑動打開ul顯示所有列表元素，現在我想單擊的標題欄有一個選定的狀態添加到它，和然後刪除狀態時，它的關閉......

的UL上面的div有一類.regionHeader

這裏的標誌的例子了

<div class="regionHeader">title of the region</div> 
<ul class="region"><li>the region i'm hiding/showing</li></ul> 

這裏的JavaScript的

var stockists = { 

start: function() { 
     $('.region').hide(); 

      $('.regionTitle').each(function(){ 

       $(this).click(function(e){ 
        e.preventDefault(); 

        $(this).parent().next('.region').slideToggle(300); 
       });      
      }); 
     }    
}; 

$(stockists.start); 

我一直在嘗試addClass，但它似乎只是添加類，而不是刪除它？

Answer 1

$(this).parent().toggleClass('activeTitle'); // toggling the class on the parent 
$(this).parent().next('.region').slideToggle(300); 

Answer 2

從一個元素中刪除一個類，你必須使用removeClass

$(element).removeClass("classname"); 

Answer 3

，當你需要的是你能不能用toggleClass()

這樣的類將被添加/刪除。

$(this).parent().toggleClass("className"); 
$(this).parent().next('.region').slideToggle(300);