jquery手风琴中的异常效果

Question

It's my first question here, I hope you can help me.

I'm using an multi level accordion in jQuery but I have a problem. When I open a "tab" it open - close - open.

Do you have any idea how can I fix this ?

I left the example with the code:

http://jsfiddle.net/Wgdx7/2/

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

                var $ul                     = $(this),
                    elementDataKey          = 'accordiated',
                    activeClassName         = 'active',
                    activationEffect        = 'slideToggle',
                    panelSelector           = 'ul, div',
                    activationEffectSpeed   = 'fast',
                    itemSelector            = 'li';

                if($ul.data(elementDataKey))
                    return false;

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

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

                    $(this).bind('activate-node', function(){
                        $ul.find( panelSelector ).not($(this).parents()).not($(this).siblings()).slideUp( activationEffectSpeed );
                        activate(this,'slideDown');
                    });
                });

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

                if(active){
                    activate(active, false);
                }

                function activate(el,effect){

                    $(el).parent( itemSelector ).siblings().removeClass(activeClassName).find( panelSelector ).slideUp( activationEffectSpeed, function(){

                    $(el).siblings( panelSelector )[(effect || activationEffect)](((effect == "show")?activationEffectSpeed:false),function(){

                        if($(el).siblings( panelSelector ).is(':visible')){
                            $(el).parents( itemSelector ).not($ul.parents()).addClass(activeClassName);
                        } else {
                            $(el).parent( itemSelector ).removeClass(activeClassName);
                        }

                        if(effect == 'show'){
                            $(el).parents( itemSelector ).not($ul.parents()).addClass(activeClassName);
                        }

                        $(el).parents().show();

                    });
                        });

                }

            });
        }
    }); 
})(jQuery);

$('#accordion').accordion();

Thanks.

Answer 1

when I put js file in external sources, it works as expected

EDIT: pasting compressed js text works too...