VESELOV.SUMY.UA

Раскрывающаяся таблица с помощью jExpand

---

HTML

    
        
Column header 1
        
Column header 2
        
Column header 3
        
Column header 4
        
Column header 5
    
    
        
Record 1
        
value 1
        
value 2
        
value 3
        
value 4
    
    
        

              
        
    
    
        
Record 2
        
value 5
        
value 6
        
value 7
        
value 8
    
    
        

              
        
    
    
        
Record 3
        
value 9
        
value 10
        
value 11
        
value 12
    
    
        

              
        
    

JS

$('#example_table').jExpand();
(function($){
    $.fn.jExpand = function(){
        var element = this;
        $(element).find("tr:odd").addClass("odd");
        $(element).find("tr:not(.odd)").hide();
        $(element).find("tr:first-child").show();
        $(element).find("tr.odd").click(function() {
            $(this).next("tr").toggle();
        });       
    }   
})(jQuery);

ДЕМОСКАЧАТЬ