jquery - 打开多个 Accordion 选项卡

Question

我已经实现了 Accordion 内容选项卡。目前它允许一次打开一个菜单。我还需要同时打开其他选项卡。

这是我的代码

(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/