jQuery中的嵌套手风琴菜单

只需对HTML中元素的顺序进行一些更改,您就可以获得所需的行为.现在开始只有1a和1b开放.同样,当你点击1b时,它将关闭1a,这将隐藏任何打开的2a/2b部分.

    $(document).ready(function() {
        $("#acc1").accordion({
            active:".ui-accordion-left",
            alwaysOpen: false,
            autoheight: false,
            header: 'a.acc1',
            clearStyle: true
        });
        $("#acc2").accordion({
            active:".ui-accordion-left",
            alwaysOpen: false,
            autoheight: false,
            header: 'a.acc2',
            clearStyle: true
        });
    });

    

        

            

            
            1a
                
            
            

                data of 1a

                data of 1a

                data of 1a

                

                    

                        

                        
                        2a
                            
                        
                        

                            data of 2a

                            data of 2a

                            data of 2a

                        
                    
                    

                        

                        
                        2b
                        
                        

                            data of 2b

                            data of 2b

                            data of 2b

                        
                    
                
            
        
        

            

            1b
            
            

                data of 1b

                data of 1b

                dta of 1b