自定義JQuery手風琴行爲

Question

我正在使用JQuery的手風琴窗口小部件。我需要一個簡單的通用示例，演示如何在一組div上設置手風琴。當用戶選擇/展開/激活其中一個div時，該div應該與其他div不同（例如更改背景顏色）。只用手風琴的功能可以做到這一點嗎？或者這是否需要通過額外的JavaScript來完成？

請注意，我使用的是在http://docs.jquery.com/UI/Accordion

Answer 1

記錄因爲只有擴大DIV是可見的，爲什麼不爲所有他們的背景手風琴？

活躍內容的類別爲ui-accordion-content-active。你可以覆蓋這個班的風格。

另一個選項是（從文檔複製/粘貼）插入到change事件：

$('.ui-accordion').bind('accordionchange', function(event, ui) { 
    ui.newHeader // jQuery object, activated header 
    ui.oldHeader // jQuery object, previous header 
    ui.newContent // jQuery object, activated content 
    ui.oldContent // jQuery object, previous content 
}); 

例如：

$('.ui-accordion').bind('accordionchange', function(event, ui) { 
    ui.newContent.addClass('myHighlight'); 
    ui.oldContent.removeClass('myHighlight'); 
});