Efekty jQuery – skrýt a zobrazit
Skrýt, Zobrazit, Přepnout, Posunout, Zeslabit a Animovat. PÁNI!
Kliknutím zobrazíte/skryjete panel
Protože čas je cenný, poskytujeme rychlé a snadné učení.
Na W3Schools můžete studovat vše, co se potřebujete naučit, v dostupném a praktickém formátu.
Příklady
Ukazuje jednoduchou metodu jQuery hide().
Další ukázka hide(). Jak skrýt části textu.
jQuery hide() and show()
Pomocí jQuery můžete skrýt a zobrazit prvky HTML pomocí metod hide()
a :show()
Příklad
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Syntax:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Volitelný parametr speed specifikuje rychlost skrývání/zobrazování a může nabývat následujících hodnot: „slow“, „fast“ nebo milisekundy.
Volitelný parametr zpětného volání je funkce, která se má provést po dokončení metody hide()
nebo show()
(více o funkcích zpětného volání se dozvíte v další kapitole).
Následující příklad ukazuje parametr rychlosti s hide()
:
Příklad
$("button").click(function(){
$("p").hide(1000);
});
jQuery toggle()
toggle()
Pomocí metody můžete také přepínat mezi skrytím a zobrazením prvku .
Zobrazené prvky jsou skryté a skryté prvky jsou zobrazeny:
Příklad
$("button").click(function(){
$("p").toggle();
});
Syntax:
$(selector).toggle(speed,callback);
Volitelný parametr rychlosti může nabývat následujících hodnot: „slow“, „fast“ nebo milisekundy.
Volitelný parametr zpětného volání je funkce, která se má provést po
toggle()
dokončení.
Cvičení jQuery
Referenční příručka k efektům jQuery
Úplný přehled všech efektů jQuery naleznete v naší Referenční příručce efektů jQuery .