0

アコーディオンコンテンツタブを実装しました。現在、一度に1つのメニューを開くことができます。他のタブも同時に開く必要があります。

これが私のコードです

(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);

デモはこちら

4

2 に答える 2

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/

于 2013-02-06T08:31:39.627 に答える
0

アコーディオンは複数の開いているタブをサポートしていません（設定するAPIプロパティはありません）。チェックアウト-http://docs.jquery.com/UI/Accordion

于 2013-02-06T08:35:26.400 に答える