Скрытие элемента и резервное копирование макета

Question

У меня запущен скрипт (JS), который будет делать некоторые разные div либо видимыми, либо скрытыми. Проблема, с которой я столкнулся, заключается в том, что, хотя элементы имеют свойство видимости «скрытый», они все равно занимают место. Есть ли способ, которым я могу скрыть элементы, не давая им занять место?

У меня также есть доступ к jQuery, если это что-то значит ...

Приветствия

DalexL

Answer 1

Вы ищете дисплей нет,

.hide {
    display: none;
}

Answer 2

Вы можете использовать функцию jQuery hide():

$("#sample").hide();

Если вы хотите скрыть несколько div-ов, просто добавьте класс ко всем из них и скройте весь класс:

$(".sample").hide();

Вы также можете использовать javascript следующим образом:

function hidedivs() {
document.getElementById('sample').style.display='none';
}

Но с этим вам придется сделать по одному для каждого элемента. Я бы порекомендовал вышеупомянутый jquery.

Подробнее о hide() здесь: http://api.jquery.com/hide

Answer 3

Попробуйте использовать display: none; вместо visibility: hidden;

Метод JQuery .hide() также делает это. Вы можете снова отобразить, используя просто .show()

Answer 4

Используйте свойство display: none css

при использовании visibility :hidden скрытый элемент по-прежнему занимает его высоту и ширину.В то время как свойство display делает элемент полностью свернутым.