Hide datatable initially

Hide datatable initially

Hi,

I am new to JQuery and I'm sure I will be asking an obvious question :(

I want to initially hide a datatable when the page loads, and once the user click on a button then show the table with the results, note that the table will always remain after they once click the button.

I tried the hide() command within the ready function but the datatable is always hidden.
      $("#reviewcases").hide();

This is what I have which always displays the table initially:

        $(document).ready(function() {
            $("#reviewcases").dataTable({
                bJQueryUI: true
            });
        });