Скрывать и отображать элемент на странице можно при помощи стиля display, устанавливая его в одно из следующих значений: display, inline, none. Если нужно скрыть, а затем вновь отобразить элемент, то обязательно нужно восстанавливать предыдущее значение стиля display, для того, чтобы не нарушить расположение элементов. Выполняется это при помощи следующей пары функций:
// Функция для скрывания элемента
function hide( elem ) {
var curDisplay = getStyle( elem, 'display' );
// запоминаем значение свойства display
if ( curDisplay != 'none' )
elem.$oldDisplay = curDisplay;
// прячем элемент
elem.style.display = 'none';
}
// Функция отображения элемента
function show( elem ) {
// Устанавливаем предыдущее значение или по-умолчанию block
elem.style.display = elem.$oldDisplay || '';
}