Ultimele tutoriale de dezvoltare web
 

jQuery Efecte - Ascundeți și afișați


Ascunde, Arată, Toggle, Slide, Fade, și Animare. WOW!

Faceți clic pentru a afișa panoul / ascunde

Pentru că timpul este valoros, putem livra de învățare rapidă și ușoară.

La w3ii, puteți studia tot ce ai nevoie pentru a învăța, într-un format accesibil și la îndemână.


Exemple

jQuery hide()
Demonstrează un simplu jQuery hide() metoda.

jQuery hide()
O altă hide() demonstrație. Cum de a ascunde fragmente de text.


jQuery hide() și show()

Cu jQuery, puteți ascunde și afișa elemente HTML cu hide() și show() metode:

Exemplu

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});
Încearcă - l singur »

Syntax:

$( selector ) . hide( speed,callback ) ;

$( selector ) . show( speed,callback ) ;

Parametrul opțional de viteză specifică viteza de ascundere / afișat, și poate lua următoarele valori: "slow", "fast" , sau milisecunde.

Parametrul de apel invers opțional este o funcție pentru a fi executat după ce hide() sau show() metoda completează (vei afla mai multe despre funcțiile de apel invers într - un capitol ulterior).

Următorul exemplu demonstrează parametrul de viteză cu hide() :

Exemplu

$("button").click(function(){
    $("p").hide(1000);
});
Încearcă - l singur »

jQuery toggle()

Cu jQuery, puteți comuta între hide() și show() metode cu toggle() metoda.

Elementele Arătat sunt ascunse și elemente ascunse sunt afișate:

Exemplu

$("button").click(function(){
    $("p").toggle();
});
Încearcă - l singur »

Syntax:

$( selector ) . toggle( speed,callback ) ;

Parametrul opțional de viteză poate lua următoarele valori: "slow", "fast" , sau milisecunde.

Parametrul de apel invers opțional este o funcție pentru a fi executată după toggle() completează.


Testați-te cu exerciții!

Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4»


jQuery Efecte de referință

Pentru o prezentare completă a tuturor efectelor jQuery, vă rugăm să mergeți la noastre jQuery Efect de referință .