Элемент jquery fade не отображает элементы в стиле "видимость: скрытый"

У меня есть куча эскизов, которые я загружаю в стиле visibility: hidden;, чтобы все они поддерживали свои правильные макеты. Когда страница полностью загружена, у меня есть функция jquery, которая их затухает. Это работало, когда их стиль был установлен на display: none;, но, очевидно, макет был прикручен. Любые предложения?

Идет линия затухания:

$('.littleme').fadeIn('slow');

Ответ 1

Добавьте несколько цепочек в цепочку:

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

Это изменит его на display:none на 1 кадр перед тем, как затухать, и снова закроет область.

Ответ 2

попробуйте использовать непрозрачность и animate():

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);

Ответ 3

<span style="opacity:0;">I'm Hidden</span>

Показать: $('span').fadeTo(1000,1)

Скрыть : $('span').fadeTo(1000,0)

Пространство сохраняется в макете DOM

http://jsfiddle.net/VZwq6/

Ответ 4

Не можете ли вы использовать fadeTo (продолжительность, значение)? Конечно, таким образом вы можете исчезать до 0 и 1, таким образом, вы не влияете на поток документа...

Ответ 5

Попробуйте сопоставить скрытый элемент?

$. ( "Littleme: скрытый" ) FadeIn();