Jquery, чтобы скрыть содержимое ячейки таблицы

Question

У меня есть таблица, которая выкладывается, как это:

<table> 
    <tr> 
    <td>checkbox</td> 
    <td>text-text-text</td> 
    <td>dropdownlist</td> 
    <td>textbox</td> 
    </tr> 
</table> 

Я пытаюсь переключить visiblity из выпадающего списка и текстового поля на основе проверки состояния флажка. У меня настроено событие клика, которое делает это правильно, но оно не сохраняет видимость строк при загрузке новых данных. Как я могу сделать это в JQuery?

Редактировать: Это функция, привязанная к событию клика на флажке. Он правильно переключает видимость элемнов. Проблема, с которой я столкнулась, - это получить новые строки, загруженные из базы данных, чтобы начать с правильной видимости. (Я использую ретранслятор в asp.net для построения таблицы, поэтому я передаю идентификаторы клиентов в функцию).

Упрощенный: у меня есть таблица с флажком в первой ячейке каждой строки, какой селектор в jquery я использовал бы, чтобы получить содержимое остальных ячеек в этой строке из флажка.

function ToggleVisibility(position, hometown, state, checkbox, name, license) { 
     if ($("#" + checkbox)[0].checked) { 
      $("#" + position).css('visibility', 'visible').fadeIn('slow'); 
      $("#" + hometown).css('visibility', 'visible').fadeIn('slow'); 
      $("#" + state).css('visibility', 'visible').fadeIn('slow'); 
      $("#" + name).css('font-weight', 'bold'); 
      $("#" + license).css('font-weight', 'bold'); 
     } 
     else { 
      $("#" + position).css('visibility', 'hidden').fadeOut('slow'); 
      $("#" + hometown).css('visibility', 'hidden').fadeOut('slow'); 
      $("#" + state).css('visibility', 'hidden').fadeOut('slow'); 
      $("#" + name).css('font-weight', 'normal'); 
      $("#" + license).css('font-weight', 'normal'); 
     } 
} 

Answer 1

Единственный способ сделать это - использовать Ajax для сохранения обновленного состояния на сервере. Например:

<input type="checkbox" id="cb1" class="save"> 

с:

$(":checkbox.save").click(function() { 
    $.post('/save.php', {id: this.id, checked: this.checked}); 
    $("rowid").toggle(this.checked); 
}); 

Затем, когда сервер отображает страницу он может запросить сохраненное состояние страницы и визуализации элементов управления и строк правильно.

Answer 2

Вы можете посмотреть на livequery, который является плагин для JQuery: Livequery

Answer 3

Поместите элементы, которые вы хотите скрыть в DIV и скрыть DIV, а не ячейку таблицы.