JQuery, Отображение скрытого элемента с fadeIn

Ответ 1

Просто скройте элемент сначала, эфир .hide() или style="display: none;" (или display: none; в таблице стилей). Затем просто вызовите .fadeIn(), например:

$("#elementID").fadeIn();

.fadeIn() автоматически удаляет display: none, когда он уменьшает непрозрачность до 100%, он не удаляет visibility: hidden; поэтому не используйте это, или вам придется удалить его вручную.

Ответ 2

Используйте fadeIn():

$('#hiddendiv').fadeIn();

Вы можете изменить продолжительность fadein:

$('#hiddendiv').fadeIn(1000); // 1000 ms

Ответ 3

$("selector_for_your_div").fadeIn("slow");

Для вашего назидания документация для всех связанных эффектов jQuery анимации/инструментов находится по адресу:
http://api.jquery.com/category/effects/

Смотрите: Документация JQuery для fadeIn()

Ответ 4

Используйте fadeIn

$("selector").fadeIn();

Отображение согласованных элементов путем замирания они непрозрачны.

Чтобы скрыть его в любое время, вы можете использовать:

Обратите внимание, что сначала вы должны скрыть его с помощью css или jquery.

fadeOut

Ответ 5

Просто дополнительный комментарий к Nick Craver:

Если элемент уже имеет атрибут отображения (например, display: block), не заменяйте его отображением: none. Вместо этого просто добавьте дополнительный атрибут отображения. Просто не забудьте добавить отображение: нет после (под) другого атрибута отображения. Когда атрибут повторяется, последнее значение имеет приоритет.

.class {
   ...
   display:block;
   display:none;
}

Ваш элемент будет изначально скрыт (из-за второго атрибута отображения). Как только начнется fadeIn(), он удалит отображение: none, но не коснется первого дисплея (дисплей: блок в моем примере). Первый атрибут отображения затем будет использоваться для стилирования класса, пока он затухает и останется после завершения fadeIn().

Ответ 6

selector.fadeIn(скорость в миллисекундах) - это функция, которую вы ищете.

Если вы хотите, чтобы div сохранял свое пространство, когда его не видели, используйте style = "opacity: 0;" вместо отображения: none;