Как показать / скрыть элементы управления html, сохраняя их расположение одинаковым?

Question

Представьте себе панель поиска на html-странице, она имеет, скажем, 4 элемента управления в одной строке, каждый из которых обернут в DIV. Например. несколько списков в одной строке:
searchbyX, byY, byZ, byN После некоторых щелчков некоторые из этих элементов управления скрыты, некоторые отображаются (с использованием JQuery). Проблема в том, что я хочу, чтобы каждый элемент управления оставался на своем месте, но если я скрываю своего левого соседа, он переместится влево, таким образом, не сохраняя свою исходную позицию.

Как показать / скрыть элементы управления, сохраняя их расположение одинаковым?

Answer 1

Если я вас правильно понимаю,

visibility: hidden

сделает свое дело. Он скроет элемент, но зарезервирует необходимое ему пространство.

Чтобы снова сделать его видимым, удалите свойство или установите явное

visibility: visible

Answer 2

Вместо того, чтобы скрывать их, установив «display» в «none», установите «visibility» в «hidden».