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

自定义JQuery Accordion行为

1 个答案: