打開多個手風琴標籤

Question

我已經實施了手風琴內容標籤。目前它允許一次打開一個菜單。我還需要同時打開其他選項卡。

這裏是我的代碼

(function(jQuery){ 
    jQuery.fn.extend({ 
     accordion: function() {  
      return this.each(function() { 

       var $ul = $(this); 

       if($ul.data('accordiated')) 
        return false; 

       $.each($ul.find('ul, li>div'), function(){ 
        $(this).data('accordiated', true); 
        $(this).hide(); 
       }); 

       $.each($ul.find('a'), function(){ 
        $(this).click(function(e){ 
         activate(this); 
         return void(0); 
        }); 
       }); 

       var active = (location.hash)?$(this).find('a[href=' + location.hash + ']')[0]:''; 

       if(active){ 
        activate(active, 'toggle'); 
        $(active).parents().show(); 
       } 

       function activate(el,effect){ 
        $(el).parent('li').toggleClass('active').siblings().removeClass('active').children('ul, div').slideUp('fast'); 
        $(el).siblings('ul, div').slideToggle("slow");((!effect)?'fast':null); 
       } 

      }); 
     } 
    }); 
     $('ul').accordion(); 
      $(".info").find("a").click(function(){ 
       var trid = $(this).parent().attr("idcust");     
       var trdata = $(this).parent().attr("custdata"); 
      // Hide all content divs and show only the one related to the click 
      $("#"+trid).show().children().not(trdata).hide(); 
      $(trdata).toggle(); 
     }); 
})(jQuery); 

DEMO HERE

Answer 1

首先我想說的有很多垃圾代碼在CSS & JS。像這樣寫：

JS

$('.accordion a').click(function(){ 
    $('.accordion div').slideToggle("slow");; 
}); 

CSS

.accordion div { background: #fff;overflow:hidden;display:none;} 

入住這http://jsfiddle.net/RVJQN/1/

Answer 2

手風琴不支持多個打開的選項卡（無API屬性來設置） ，退房 - http://docs.jquery.com/UI/Accordion