Showing multiple tables on one page using toggle

triezrjas

Hi there. I have multiple data tables loaded in one page just like this: http://datatables.net/release-datatables/examples/basic_init/multiple_tables.html

Now what I want to do is instead of showing all the data tables all at once, I want to show only one table at a time and hide the others using TOGGLE just like this: http://jsbin.com/eqape

Actually, I tried using Accordion: http://jqueryui.com/accordion/ but the datatable doesn't work inside the accordion. Can anybody help me? I just recently used datatables and I'm quite at loss as to what I'm supposed to do.