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

This should work

    
One

   

           I really want a list here!
        
A
        

            

                
list
                
list
                
list
            
            
        
B
        
    
            

                
list
                
list
                
list
            
       
    
    
Two
    
 <-- A Wrapper -->
             

                    
But They
                    
Do Not
                    
Work
                
         

            
A2
            

                

                    
list
                    
list
                    
list
                
            
            
B2
            

                

                    
list
                    
list
                    
list
                
            
        
    

Demo: Fiddle

For the tab Two you need to create another wrapper element and place the ul and child accordion as its children