jquery ui accordions within tabs

Question

I’ve run into a problem using accordions within tabs, the initially inactive accordions do not render their content correctly when their tab is selected. Reading around I s

Answer 1

None of the above worked for me. For me, the trick was to change from using unique div IDs for each accordion to a single class identification for all accordions. That is, change:

,etc... to

within each of the tabs.

You may also need to add to your $(document).ready function

$(".accordion").accordion({
      autoHeight: false
  });

  $('#tabs').tabs();
  $('#tabs').bind('tabshow', function(event, ui) {
      $(".accordion").accordion("resize");
      });

So the format would be:

  
  
   

  



    

        
User
        
Folders
        
Decks
    
    

        

            
Header 1
              
            
Header 2
            
 
            
Header 3
            
<
 
        
    
    

        

            
Header 4
              
            
Header 5
            
 
            
Header 6
            
<
 
        
   
   

        

            
Header 7
              
            
Header 8
            
 
            
Header 9
            
<
 
        
  
   

0 讨论(0)

查看其它7个回答

发布评论:

提交评论

---

•  加载中...