Не могу сказать точно, поскольку предоставленная ссылка больше не ведет на страницу DataTable.
Полагаю, проблема в следующем: вы одновременно скрываете и привязываете щелчок в функции готовности документа. Это означает, что он запускается ОДИН РАЗ, когда документ готов. Эти функции больше не вызываются.
Мне нужно больше времени, чтобы взглянуть на код, чтобы лучше понять, какие элементы скрыть, но в целом, что вам нужно сделать, это вставить скрывающую функцию в собственную инициализацию fnDrawCallback плагина функция обратного вызова. Тем не менее, я на самом деле не уверен, что это лучше всего скрыть с помощью jQuery. Опять же, мне придется больше копаться в примере кода.
Что касается клика, таблица перерисовывается при переходе на следующую страницу. Если вы используете jQuery 1.7+, вы должны использовать функцию привязки событий .on() вместо .click(). Этот может остаться в функции готовности документа. Однако вы собираетесь выбрать и назначить другого слушателя, нежели .heading(). И для этого мы тоже немного изменим HTML:
HTML:
<div class="tableWrapper" style="width:740px"> <!-- you should not have inline styles; you can add width to the new tableWrapper class -->
<table> ... etc ... </table>
</div>
JS:
jQuery(".tableWrapper").on('click', '.heading', function()
{
jQuery(this).next(".content").slideToggle(500);
});
});
Примечание: я думаю, что вы не можете ничего пропустить (void) в .next(), так как вам нужен первый из следующих братьев и сестер. Я должен был проверить документы.