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

Question

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

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

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

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

Я хотел бы сохранить ширину скрытых столбцов, но как?

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');