Jquery UI Nested Accordion with Content in top level Accordion

Question

I\'m trying to create a navigation menu that contains multiple level of organization. I\'m building a nested jQuery UI Accordion that works great if all my content in the lowest

Answer 1

Check out this fiddle

You're correct that it looks at the next element after the header, therefore you can simply wrap the content of the top-level accordion with a div, then include your sub-accordion.

Two

    
  
        

            
But They
            
Do Not
            
Work
        
        

             
A2

            

                

                    
list
                    
list
                    
list
                
            
             
B2

            

                

                    
list
                    
list
                    
list