自定义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'); 
});