jquery, Показывая скрытый элемент с fadeIn

Question

в jquery, как я могу показать скрытый div и заставить его исчезать?

Answer 1

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

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

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

Answer 2

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

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

См:Jquery Documentation for fadeIn()

Answer 3

Использование fadeIn():

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

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

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

Answer 4

Использование fadeIn

$("selector").fadeIn(); 

Показать коврик ched элементы, затухающие их непрозрачные.

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

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

fadeOut

Answer 5

селектор .fadeIn (скорость в миллисекундах) является функция ваш ищет.

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

Answer 6

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

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

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

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