Как просто скрыть элемент без его свертывания в jQuery

Question

У меня есть таблица todos, а в самом левом столбце, как правило, отмечены флажки, чтобы отметить завершенную. Я хочу скрыть эти флажки до тех пор, пока пользователь не наведет над собой задачу, после чего этот флажок станет видимым.

В настоящее время, когда я прячу флажки с помощью

$('table#incompleted_tasks tr td input[type="checkbox"]').css('display', 'none'); 

фактических обвалов столбцов и следующие столбцы шунтируется слева. Это означает, что когда я нахожусь над заданием, флажок расширяется, но все шунтируется вправо и, следовательно, смещается.

Id нравится хранить эту ширину скрытых колонок, но как?

Answer 1

Использование

$('table#incompleted_tasks tr td input[type="checkbox"]').css('visibility', 'hidden'); 

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

Answer 2

Вы можете установить "видимость" на "скрытый":

$('table#incompleted_tasks tr td input[type="checkbox"]').css('visibility', 'hidden');