CSS jQuery конфликт

Question

У меня есть таблица с данными, а строки классифицируются как .paginate, они будут разбиты на страницы сценарием jquery. Есть две строки кода, которые испортят мой CSS, и все < td> появляются в первом столбце таблицы, а не распределяются равномерно. Это код jQuery. Обе строки необходимы.

//hide all the elements inside content div 
$('.paginate').css('display', 'none'); 

//and show the first n (show_per_page) elements 
$('.paginate').slice(0, show_per_page).css('display', 'block'); 

Answer 1

Я рекомендовал бы создать класс вроде этого:

CSS

.displayNone { 
    display: none; 
} 

И удаление класса по мере необходимости

JS

$('.paginate').addClass('displayNone'); 

$('.paginate').slice(0, show_per_page).removeClass('displayNone');