FooTable - jQuery plugin for responsive HTML tables

Turn your FooTable into an accordion

Name | Description | Example
--- | --- | ---

#### Section 1

Ac habitasse senectus officia autem veniam do adipisci, nihil do. Natus elementum, recusandae blandit massa, aliquet officia porttitor diamlorem. Inceptos.

Curae convallis fugiat senectus occaecat at nibh adipiscing? Optio nisi, quidem euismod dignissimos vestibulum diam, nibh massa viverra? Porro luctus.

#### Section 2

Cumque penatibus eveniet augue feugiat odio sint praesent, nec quibusdam iaculis commodi, curabitur, est voluptates dui nullam cursus magni convallis.

Viverra cupiditate aut, hic doloremque quasi? Parturient nonummy? Imperdiet lacus quia nunc. Minima harum hymenaeos facilisi quidem eligendi anim. Donec.

#### Section 3

Purus bibendum morbi tenetur! Sapiente dictum ornare gravida tincidunt feugiat habitasse molestias accusantium fringilla, necessitatibus inventore, congue felis, itaque ornare.

Facilisi cillum ex sagittis maiores tempore aspernatur augue ducimus, hic? Blanditiis, facilisi, expedita officia per? Magnam, magnam corrupti corrupti, cursus.

#### Section 4

Donec hymenaeos fringilla exercitationem ultricies! Praesentium litora omnis, sodales magni ullamco hic, iure, aut ridiculus quos, autem cupidatat, quas quis.

Autem sit platea rem tenetur neque torquent mollit. Eius elementum iste, eros consequatur error, cubilia tellus, parturient fugiat? Excepturi aspernatur.

#### 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);
    	});
    });