自定義我的jQuery手風琴

Question

我想在單擊手風琴上的鏈接時更改背景顏色。

我認爲這意味着在點擊元素時添加/刪除「活動」類。

有人可以解釋我是如何做到這一點與我的代碼？

Fiddle.

(function($) { 
    var allPanels = $('.accordion > dd').hide(); 
    $('.accordion > dt > a').click(function() { 
     allPanels.slideUp(); 
     if ($(this).parent().next().is(":visible")) return false; 
     $(this).parent().next().slideDown(); 
     return false; 
    }); 
    $('.accordion > dt > a').first().trigger('click'); 
})(jQuery); 

Answer 1

我已經更新您的jsfiddle：

http://jsfiddle.net/2hmzcgqm/6/

JS代碼：

(function($) { 
    var allPanels = $('.accordion > dd').hide(); 
    var allLinks = $('a.heading'); 
    $('.accordion > dt > a').click(function() { 
     allPanels.slideUp(); 

     //Remove all 
     allLinks.removeClass('active'); 

     if ($(this).parent().next().is(":visible")) return false; 
     $(this).parent().next().slideDown(); 

     //Add active class 
     $(this).addClass('active'); 

     return false; 
    }); 
    $('.accordion > dt > a').first().trigger('click'); 
})(jQuery); 

CSS代碼：

.heading {background:red} 
.active {background:black}