How to hide jQuery datatables -

how hide jquery datatables, when want toggle datatable's visibility? problem if write hide statement hides rows, not headers , footer. how can hide datatable fully?

for hiding, used below code:

 var otable = $('#example').datatable(); // 'example table id'  otable.hide(); 

try this

$('#example').parents('div.datatables_wrapper').first().hide();