jquery élément de fondu ne montre pas d'éléments de style « visibility: hidden »

Question

J'ai un tas de vignettes que je suis chargement avec un style de visibility: hidden; afin qu'ils conservent toutes leurs dispositions correctes. Une fois que la page est entièrement chargée, j'ai une fonction jquery qui les efface en. Cela a fonctionné quand leur style a été mis à display: none; mais évidemment la mise en page foiré alors. Toute suggestion?

Heres la ligne de fondu:

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

Answer 1

Ajoutez quelques appels à la chaîne comme ceci:

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

Cela va changer à display:none pour 1 cadre avant de disparaître en occupant à nouveau la région.

Answer 2

essayez d'utiliser l'opacité et animate():

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

Answer 3

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

Pour afficher: $('span').fadeTo(1000,1)

Pour masquer: $('span').fadeTo(1000,0)

L'espace est conservé dans la mise en page DOM

http://jsfiddle.net/VZwq6/

Answer 4

Cant que vous utilisez fadeTo (durée, valeur) à la place? Certes, cette façon, vous pouvez effacer à 0 et 1, de cette façon vous n'êtes pas affecter le flux de documents ...

Answer 5

Essayez correspondant à l'élément caché?

$. ( "Littleme: caché") fadeIn ();