jquery - 使用 jQuery 的多个 Accordion - 关闭问题

Question

我有一个页面，上面有许多 Accordion 。我想通过单击任何一个 Accordion (它们目前每个都只有一个项目)来关闭所有其余的，以便我的图表保持完整。

请参阅以下页面: http://php.york.ac.uk/fs/hlth531/squelettes/js-graph/js-graph2.html

我当前的代码是:

$(function(){
var xxx  = '#pg_prog_com, #dis_com, #msc_pub, #msc_pub_int, #msc_hser, #msc_hsci, #msc_cancer, #msc_haem, #msc_cbt, #gard_prog, #lib_com, #pg_res, #dep_head, #vle_sup, #marketing, #marketing, #fin_dev, #phd_prog, #phd_prog, #phd_adm, #adm_asi, #adm_tutor';
$( xxx ).accordion({
    autoHeight: false,
    collapsible: true,
    active: false
    }); 
});

提前致谢，

纳迪亚

Answer 1

您必须绑定(bind)“accordionchange”事件，并切换其他 Accordion 。

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

Accordion 的正常使用是使用具有不同部分的单个 Accordion ，它们会自动切换。