问题在多重开放手风琴

Question

我已经使用多开放式手风琴为我的网页。我已经从这个网址下载了脚本http://anasnakawa.wordpress.com/2011/01/25/jquery-ui-multi-open-accordion/

它显示了第一个处于打开状态默认状态的选项卡。如果我点击第二部分，首先打开的部分应该关闭，只有第二部分打开。我怎样才能做到这一点与多个开放式手风琴？

内部脚本

<script type="text/javascript"> 
     $(function(){ 
      $('#multiOpenAccordion').multiOpenAccordion({ 
       active: [1, 2], 
       click: function(event, ui) { 
        //console.log('clicked') 
       }, 
       init: function(event, ui) { 
        //console.log('whoooooha') 
       }, 
       tabShown: function(event, ui) { 
        //console.log('shown') 
       }, 
       tabHidden: function(event, ui) { 
        //console.log('hidden') 
       } 

      }); 

      $('#multiOpenAccordion').multiOpenAccordion("option", "active", [0]); 
     }); 
    </script> 

Answer 1

只需使用下面的代码来代替你已经使用了一个。

<script type="text/javascript"> 
$(function(){ 
    $('#multiOpenAccordion').multiOpenAccordion({ 
     active: 1, 
     click: function(event, ui) { 
      //console.log('clicked') 
      $("h3.ui-state-active").removeClass('ui-state-active').addClass('ui-state-default'); 
      $("div.ui-accordion-content-active").removeClass('ui-accordion-content-active').hide(); 
      $("h3.ui-accordion-header").addClass('ui-corner-all'); 
     }, 
     init: function(event, ui) { 
      //console.log('whoooooha') 
     }, 
     tabShown: function(event, ui) { 
      //console.log('shown') 
     }, 
     tabHidden: function(event, ui) { 
      //console.log('hidden') 
     } 

    }); 

    $('#multiOpenAccordion').multiOpenAccordion("option", "active", [0]); 
}); 
</script>