FooTable - jQuery plugin for responsive HTML tables

Turn your FooTable into an accordion

Place | Class | # | Name | Car | Run 1 | Run 2 | Run 3 | Run 4 | Best | Diff
--- | --- | --- | --- | --- | --- | --- | --- | --- | --- | ---
ss - 'Super Stock' - Total Entries: 1 Trophies: 1 | Times | Best | Diff
1T | ss | 117 | Ryan Palmer | Silver 02 Chevrolet Z06 | 56.393 | 59.167+2 | 58.512+2 | 54.006 | 54.006 | -
bs - 'B Stock' - Total Entries: 3 Trophies: 1 | Times | Best | Diff
1T | bs | 1138 | Kyle Sklareski | Red 90 Chevrolet Corvette | 57.132 | 70.937+3 | 59.295+1 | 58.446 | 57.132 | [-]0.672
2 | bs | 138 | Tony Sklareski | Red 90 Chevrolet Corvette | 60.508+off | 59.385 | 60.508+1 | 57.804 | 57.804 | +0.672
cs - 'C Stock' - Total Entries: 4 Trophies: 2 | Times | Best | Diff
1T | cs | 207 | Chad Kettler | Silver 10 Mazda Mx-5 | 59.978+1 | 57.594 | 57.221 | 60.459+2 | 57.221 | [-]3.821
2T | cs | 223 | Roland Zuk | Blue 13 Subaru BRZ | 61.042 | 64.248+2 | 59.101+off | 60.010+off | 61.042 | +3.821

#### FooTable Accordion

1. You first need to bind to the `footable_row_expanded` event

2. Then inside the event, find all rows that are already expanded (other than the row you clicked on)

3. For each row found, call the FooTable function `toggleDetail`

    $('.footable').footable().bind('footable_row_expanded', function(e) {
    	$('.footable tbody tr.footable-detail-show').not(e.row).each(function() {
    		$('.footable').data('footable').toggleDetail(this);
    	});
    });