帶變色標題的JQuery Accordion？

Question

我正在試圖製作一個JQuery手風琴，當它被點擊時它會將其風格改變爲.active {}，所以開放式手風琴窗格的標題看起來與手風琴的其他窗格不同。這是我迄今爲止（它使手風琴工作，但顏色不）：

<script type="text/javascript"> 
    $(function() { 
     nyah = $("#accordion").accordion({ 
      event: "mouseover", 
      animate: "slow", 
      active: 2, 
     }); 

     $('#div0').bind('accordionchange', function(event, ui) { 
      addMessage("change");  
      ui.oldHeader.removeclass('active'); 
      ui.newHeader.addclass('active');}); 

     nyah.accordion("activate", 1); 
    }); 



    setTimeout(function() { nyah.accordion("activate", 0) }, 1000); 


</script> 

Answer 1

考慮使用jQueryui，它已經爲你做了。然後，您可以使用CSS重新設置活動項目的樣式。請參閱http://jqueryui.com/demos/accordion/