Корректировка анимации в Google Chrome

Задача перед мной стояла такая, скрыть 3 первых столбца в таблице, в итоге скрыл. Но отображение в Chrome странное, как только открываю страницу с таблицей примерно на 1 секунды появляются первые 3 столбца которые я скрыл, и как только 1 секунда проходит столбцы скрываются. Попробовал открыть в Мозиле там идеально работает, то есть открыл таблицу первых 3 столбцов не видно. Встречаюсь с таким впервые, как можно решить проблему ?
$(document).ready(function(){ $('#table td:nth-child(1)').css("display", "none"); $('#table td:nth-child(2)').css("display", "none"); ('#$table td:nth-child(3)').css("display", "none"); });

Ответ

Способ №1:
#table td:nth-child(1), #table td:nth-child(2), #table td:nth-child(3) {display:none;}

1

2

3

Способ №2:
$(function() { $('#table td:nth-child(1)').css("display", "none"); $('#table td:nth-child(2)').css("display", "none"); $('#table td:nth-child(3)').css("display", "none"); $('body').css("display", "block"); }); body {display:none;}

1

2

3