jquery, mostra un elemento nascosto con una dissolvenzaIn

Question

in jQuery, come posso mostrare un div nascosto e farlo dissolvere?

Answer 1

Basta nascondere l'elemento inizialmente, l'etere con .hide() o style="display: none;" (o display: none; nel foglio di stile). Poi, basta chiamare .fadeIn(), come questo:

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

La chiamata .fadeIn() rimuove automaticamente il display: none quando svanisce l'opacità al 100%, ma non sarà rimuovere visibility: hidden; in modo da non utilizzare questo, o si' Dovrò rimuoverlo manualmente.

Answer 2

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

per la vostra edificazione, la documentazione per tutti i bundle jQuery effetti di animazione/strumenti si trova in:
http://api.jquery.com/category/effects/

See:Jquery Documentation for fadeIn()

Answer 3

Uso fadeIn():

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

È possibile modificare la durata del fadein:

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

Answer 4

Usa fadeIn

$("selector").fadeIn(); 

Visualizzare il tappetino elementi ched svanendo a opaco.

di nasconderlo indietro in qualsiasi momento, è possibile utilizzare:

nota che si dovrebbe inizialmente nasconderla usando CSS o jQuery.

fadeOut

Answer 5

selettore .fadeIn (velocità in millisecondi) è la funzione il vostro ricerca.

Se si desidera che il div mantenga il proprio spazio quando non è visto usa style = "opacity: 0;" invece di display: nessuno;

Answer 6

Solo un commento in più per Nick Craver risposta perfetta:

Se si ha già un elemento di attributo di visualizzazione (ad esempio display: block), non sostituisce quello con display: none. Invece, aggiungi semplicemente un attributo di visualizzazione extra. Assicurati di aggiungere display: nessuno dopo (sotto) l'altro attributo di visualizzazione. Quando viene ripetuto un attributo, l'ultimo valore ha la precedenza.

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

L'elemento verrà inizialmente nascosto (a causa del secondo attributo di visualizzazione). Appena inizia fadeIn(), rimuoverà il display: nessuno ma non toccherà il primo display (display: block nel mio esempio).Il primo attributo di visualizzazione verrà quindi utilizzato per lo stile della classe mentre è in dissolvenza e resta inserito dopo che fadeIn() è terminato.