Najnowsze tutoriale tworzenie stron internetowych
 

jQuery Efekty - Hide and Show


Ukrywać, pokazywać Przełączanie, zjeżdżalnia, zanikać, i animować. ŁAŁ!

Kliknij, aby pokazać / ukryć panel

Ponieważ czas jest cenny, dostarczamy szybką i łatwą naukę.

Na w3ii można badać wszystko, czego potrzeba, aby dowiedzieć się, w przystępny i poręcznym formacie.


Przykłady

jQuery hide()
Demonstruje proste jQuery hide() metody.

jQuery hide()
Innym hide() demonstracja. Jak ukryć części tekstu.


jQuery hide() i show()

Z jQuery, można ukryć i pokazać elementy HTML z hide() i show() metody:

Przykład

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

$("#show").click(function(){
    $("p").show();
});
Spróbuj sam "

Składnia:

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

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

Opcjonalny parametr prędkości określa prędkość ukrywanie / pokazywanie i może przyjmować następujące wartości: "slow", "fast" , albo milisekund.

Opcjonalny parametr callback jest funkcją do wykonania po hide() lub show() metoda kończy (dowiesz się więcej na temat funkcji zwrotnych w następnym rozdziale).

Poniższy przykład pokazuje parametr prędkości z hide() :

Przykład

$("button").click(function(){
    $("p").hide(1000);
});
Spróbuj sam "

jQuery toggle()

Z jQuery, można przełączać się między hide() i show() metody z toggle() metody.

Pokazane elementy są ukryte i ukryte elementy pokazane są:

Przykład

$("button").click(function(){
    $("p").toggle();
});
Spróbuj sam "

Składnia:

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

Opcjonalny parametr prędkość może przyjmować następujące wartości: "slow", "fast" , albo milisekund.

Opcjonalny parametr callback jest funkcją mają zostać wykonane po toggle() kończy.


Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4»


jQuery Effects referencyjny

Aby uzyskać pełny przegląd wszystkich efekty jQuery, przejdź do naszej jQuery Effect Reference .