Раскрывающаяся таблица с помощью 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);ДЕМОСКАЧАТЬ