Табличная таблица Google отображается при нажатии кнопки

Question

Пытается загрузить страницу с таблицей графиков Google как скрытую и показывать ее только после нажатия кнопки.

Если я запустил страницу с table не скрывал, я могу переключить ее, но если я начну со скрытой таблицы, это невозможно.

Адрес jsfiddle.

своп комментируемой строка, чтобы увидеть его:

$("table").addClass('table-bordered table-condensed table-striped'); 
// $("table").addClass('table-bordered table-condensed table-striped hidden'); 

Answer 1

изменить код с помощью этого кода

$(document).ready(function(){ 
    $("p").hide(); 
     $("#table").hide(); 
    $("#hide").click(function(){ 
     $("p").hide(); 
     $("#table").hide(); 
    }); 
    $("#show").click(function(){ 
     $("p").show(); 
     $("#table").show(); 
    }); 
}); 

Answer 2

Использование CSS сделать таблицу изначально скрыта, установив его display в none.

#table {display:none;} 

Затем с JQuery .css превратить его обратно в displayblock#show при его нажатии.

$(document).ready(function(){ 
    $("#hide").click(function(){ 
     $("p").hide(); 
     $("#table").css('display', 'none'); 
    }); 
    $("#show").click(function(){ 
     $("p").show(); 
     $("#table").css('display', 'block'); 
    }); 
}); 

См. Обновленный fiddle.

Answer 3

Вы можете просто удалить скрытый класс, когда кнопка нажата шоу:

$("table").removeClass('hidden');

(и повторно, когда шкура щелкнул).