当页面上有多个手风琴时打开一个手风琴面板

Question

如何让附带小提琴只打开活动手风琴？ 我需要有两个或更多的手风琴实例。 例如，如果在＃course_accordion_1中打开手风琴并且用户点击在＃course_accordion_2中打开手风琴，我希望＃course_accordion_1中的活动手风琴关闭。

http://jsfiddle.net/X74U6/29/

$( "#course_accordion_1,#course_accordion_2" ).accordion({
    active: false,
    collapsible: true,
    change: function(event, ui) { 
       if(ui.newHeader.length > 0){
          // open
           console.log("open")
       } else {
          // closed
           console.log("closed");

       }
    }
});

Answer 1

选中此fiddle

$(function() {
    var $accordions = $(".course_accordion").accordion({
        collapsible: true,
        active: false,
        icons: false
    }).on('click', function() {
        $accordions.not(this).accordion('activate', false);
    });
});